我的网页草稿中有以下专栏,该专栏基于HTML5 Boilerplate和960.gs:
<div class="grid_2" style="background-color:black;" />
但是,当我在Chrome中打开该页面时,该列根本不会显示,除非我在其中放入某种内容,例如文本或空格。
如何在不诉诸 
等绝望解决方案的情况下完成这项工作?
答案 0 :(得分:3)
如果您不需要支持IE5.5或IE6,则可以使用CSS2 min-width
属性指定列所需的最小宽度。
答案 1 :(得分:2)
没有内容的div
不会显示,因为没有从内容继承高度。如果您希望它显示 - 您需要指定某种高度......或者只使用
<div class="grid_2" style="background-color:black;">
</div>
或
<div class="grid_2" style="background-color:black;height:20px"></div>
答案 2 :(得分:1)
好吧,我会尝试添加一个结束标记,因为我认为这不是有效的HTML:
<div class="grid_2" style="background-color:black;"></div>