如何让一个空的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 中运行时，它们会被删除，并且不再按顺序推送其他 div float:left 。因此，如果我在上面的相同 div 中有类别，那么这些值将被放置在错误的类别下。

原文由 Oldek 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

有了花车，它只有在有一些内容时才有效，例如  

原文由 Rito 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

尝试将   添加到空项目中。

我不明白你为什么不在这里使用 <table> ？他们会自动做这种事情。

原文由 Pekka 发布，翻译遵循 CC BY-SA 2.5 许可协议