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

只需更正你的CSS

<强> CSS

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

Answer 2

在使用ASP时，您必须使用特殊语法来应用css。

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

有关详情，请参阅https://msdn.microsoft.com/en-us/library/aa479342.aspx。

Answer 3

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

我添加了溢出：隐藏，我认为应该解决你的问题。