マークアップに問題があります。
ブラウザウィンドウのサイズを変更すると発生します。
これが私のコードです(ASP.NET):
<asp:Panel ID="PanelGrid" runat="server" CssClass="frame">
<fieldset class="fs">
<legend>
<asp:Label ID="Label" runat="server" Text="LALALA"></asp:Label>
</legend>
</fieldset>
</asp:Panel>
結果は次のようになります。
ボーダーがパネルの外側にありました。
このコードを使用する場合(なし<fieldset>
):
<asp:Panel ID="PanelGrid" runat="server" CssClass="frame">
<legend>
<asp:Label ID="Label" runat="server" Text="LALALA"></asp:Label>
</legend>
</asp:Panel>
結果は次のようになります。
を使用したい場合、CSS クラス (「fs」) をどのように作成する必要があります<fieldset>
か? ありがとう!
PS私のクラスコード:
.frame
{
margin: 1px;
padding: 3px;
border: 1px solid Navy;
background-color: White;
font-size: 9pt;
box-shadow: 0 0 5px 1px #1A3457; /* Валидное свойство CSS 3 тень*/
-webkit-box-shadow: 0 0 5px 1px #1A3457; /* Safari, Chrome */
-moz-box-shadow: 0 0 5px 1px #1A3457; /* Firefox */
border-radius: 5px;
}