html - 如何自动设置宽度？

Question

我需要创建一个包装器(容器)(里面有 2 到 4 个 div)，例如:

<div class="wrapper">
   <div></div>
   <div></div>
   <div></div>
   <div></div>
</div>

我的问题是我无法设置内部 div 的宽度，因为它们必须具有相等的宽度，所以如果我的包装是 300px 而我只有两个内部 div(一次 150px)等等。

但我无法将宽度设置到 .css 文件中，因为正如我所说的，可以有 2 到 4 个 div。

问题是:是否可以自动调整内部 div 的大小(以获得整个包装器的宽度)？

谢谢!

Answer 1

您可以为此使用 display:table 属性:

.wrapper{
    width:300px;
    border:2px solid green;
    display:table;
}
.wrapper > div{
    display:table-cell;
    border:1px solid red;
    height:50px;
}

检查这个http://jsfiddle.net/7E9Nj/