CSS并排div的自动等宽

CSS并排div的自动等宽

这不是不可能的。使用甚至还不是特别困难

display: table

。

该解决方案将在现代浏览器中运行。在IE7中将无法使用。

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>