css - 如何让一个空的div占用空间？

Question

这是我的 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>

这是我的一组 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 中有类别，那么这些值将被放置在错误的类别下。

Answer 1

如果您移除 float ，它会起作用。 http://jsbin.com/izoca/2/edit

只有当有一些内容时， float 才有效，例如