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;
}

我添加了溢出：隐藏，我相信它可以解决您的问题。