任何方法来确保<div>遵循CSS </div>中定义的宽度属性

Question

<div>s的性质极其臭名昭着。例如： - 如果div是空的，它们只是不遵循CSS中定义的width属性。有没有办法确保div在CSS中设置宽度属性，即使它们是空的。

实际上在动态应用程序中，我有四个浮动div彼此相邻。如果任何div都没有包含数据，则以下div代替它。有没有办法确保这件事不会发生

Answer 1

解决方案

使用min-width。

示例

http://jsfiddle.net/z4PWU/

HTML

<!-- Empty floating divs -->
<div></div>
<div></div>
<div></div>
<br />

<!-- Non-Empty floating divs -->
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<br />

<!-- min/max width for floating divs -->
<div style="min-width:50px;"></div>
<div style="min-width:50px;"></div>
<div style="min-width:50px;"></div>

CSS

div {
    float: left;
    border: 1px solid blue;
    height: 15px; /* Make them better visible */
}

Answer 2

使用 标记中的div来完成这一操作