CSS不適用於Gridview的div

Question

我想在其中包含Gridview的div，但是我的div的CSS無法正常工作。 這是代碼：

<div class="grid">
<asp:GridView ID="GridView1" runat="server" CssClass="grid" CellPadding="1">
</asp:GridView>
</div>

我的CSS就像：

.grid{

float:right;
border:solid;
margin: 2px;
width:400px;
}

和生成的HTML：

<div class="grid">
<div>
<asp:GridView ID="GridView1" runat="server" CssClass="grid" CellPadding="1">
</asp:GridView>
</div>
</div>

甚至沒有顯示邊框。我不知道其他div的來源，但是當我在Firebug的第二個div上應用樣式時，它就起作用了。

Answer 1

HI現在習慣像這樣限制財產

.grid{
border:solid 2px red;
}

或者你可以嘗試這種方式

.grid{
border-style: solid;
}

border CSS屬性是一種簡寫屬性，用於在樣式表的單個位置設置各個border屬性值。 border可以用於設置以下一項或多項的值：border-width，border-style，border-color。

有關更多信息， 請點擊這里

這里的邊框樣式

Answer 2

像這樣糾正你的CSS

的CSS

.grid { 
 float:right;
 border: 2px solid green;
 margin: 2px;
 width:400px;
}

Answer 3

使用ASP時，必須使用特殊的語法來應用CSS。

BorderWidth="1px" BackColor="#000000"

Answer 4

.grid{
overflow:hidden;
float:right;
border:solid;
margin: 2px;
width:400px;
}

我添加了溢出：隱藏，我相信它可以解決您的問題。