<div id="wrapper" style="width:90%;height:100px;background-color:Gray;">
<div id="one" style="height:100px;background-color:Green;float:left;"></div>
<div id="two" style="height:100px;background-color:blue;float:left;"></div>
<div id="three" style="height:100px;background-color:Red;float:left;"></div>
</div>
我有一个父div，将包含2或3个子div。我想要孩子divs自动采取相等的宽度。
谢谢
解决方法
这不是不可能的。这甚至不是特别难，与使用display：table。
这个解决方案will work在现代浏览器。它不会在IE7中工作。
http://jsfiddle.net/g4dGz/(three divs)
http://jsfiddle.net/g4dGz/1/(两个div)
CSS：
#wrapper {
display: table;
table-layout: fixed;
width:90%;
height:100px;
background-color:Gray;
}
#wrapper div {
display: table-cell;
height:100px;
}
HTML：
<div id="wrapper">
<div id="one">one one one one one one one one one one one one one one one one one one one one one</div>
<div id="two">two two two two two two</div>
<div id="three">three</div>
</div>
