Пустой, но в стиле div в 960.gs

Question

У меня есть следующий столбец в черновике веб-страницы, основанный на HTML5 Boilerplate и 960.gs:

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

Однако, когда я открываю страницу в Chrome, столбец вообще не отображается, если я не помещаю в него какой-либо контент, например текст или пробел.

Как я могу заставить эту работу работать, не прибегая к отчаянным решениям, таким как  ?

Answer 1

Если вам не нужно поддерживать IE5.5 или IE6, вы можете использовать свойство CSS2 min-width, чтобы указать наименьшую ширину, которую вы хотите иметь в столбце.

Answer 2

A div без содержимого не отображается, поскольку высота не наследуется от содержимого. Если вы хотите, чтобы он показывался - вам нужно указать какую-то высоту ... или просто использовать  

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

или

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

Answer 3

Ну, я бы попробовал добавить закрывающий тег, так как я не думаю, что это правильный HTML:

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