这是我的960网格系统案例：
<div class="kundregister_grid_full">
<div class="kundregister_grid_1">ID</div>
<div class="kundregister_grid_1">Namn</div>
<div class="kundregister_grid_1">Anv.Namn</div>
<div class="kundregister_grid_1">Email</div>
<div class="kundregister_grid_1">Roll</div>
<div class="kundregister_grid_1">Aktiv</div>
</div>
这是我使用作为表格结构的
元素集合。
CSS规则如下：
.kundregister_grid_1 {
display: inline-block;
float: left;
margin: 0;
text-align: center;
}
.kundregister_grid_1 {
width: 140px;
}
不用在意瑞典的命名方式。我希望这些 div 元素即使没有值也能显示出来。
<div class="kundregister_grid_full">
<div class="kundregister_grid_1">ID</div>
<div class="kundregister_grid_1"></div>
<div class="kundregister_grid_1"></div>
<div class="kundregister_grid_1">Email</div>
<div class="kundregister_grid_1">Roll</div>
<div class="kundregister_grid_1">Aktiv</div>
</div>
就像这样，在这种情况下，这两列中都没有'Namn'和'Avn.Namn'。然而，在chrome中运行时，它们被移除，并且不再推动其他使用float:left的div按顺序排列。因此，如果我在同一div中有类别，那么这些值将被放置在错误的类别下面。