960.gs中带有样式的空div

Question

我的网页草稿中有以下专栏，它基于HTML5样板和960.gs：

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

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

我怎样才能在不求助于像 这样的绝望解决方案的情况下工作呢？

Answer 1

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

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

或

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

Answer 2

如果不需要支持IE5.5或IE6，可以使用CSS2 min-width属性指定希望列具有的最小宽度。

Answer 3

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

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