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

边框CSS属性是一个速记属性，用于在样式表中的单个位置设置各个边框属性值。边框可用于设置以下一个或多个值:边框宽度、边框样式、边框颜色。

有关的更多信息

边框样式

Answer 2

只需像这样纠正你的css

CSS

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

Answer 3

当你使用ASP时，你必须使用一个特殊的语法来应用css。

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

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