在960.gs空的但风格的div

时间:2011-01-30 01:50:57

标签: css grid 960.gs

我的网页草稿中有以下专栏,该专栏基于HTML5 Boilerplate和960.gs:

<div class="grid_2" style="background-color:black;" />

但是,当我在Chrome中打开该页面时,该列根本不会显示,除非我在其中放入某种内容,例如文本或空格。

如何在不诉诸&thinsp;等绝望解决方案的情况下完成这项工作?

3 个答案:

答案 0 :(得分:3)

如果您不需要支持IE5.5或IE6,则可以使用CSS2 min-width属性指定列所需的最小宽度。

答案 1 :(得分:2)

没有内容的div不会显示,因为没有从内容继承高度。如果您希望它显示 - 您需要指定某种高度......或者只使用&nbsp;

<div class="grid_2" style="background-color:black;">
    &nbsp;
</div>

<div class="grid_2" style="background-color:black;height:20px"></div>

答案 2 :(得分:1)

好吧,我会尝试添加一个结束标记,因为我认为这不是有效的HTML:

<div class="grid_2" style="background-color:black;"></div>