css - 使盒子适合容器宽度

Question

我想做的是让容器内的盒子自动适应容器的宽度。

.container{
width: 960px;
}

.box{
width: 240px; /* 960/4 = 240 */
float: left;
border:1px solid #000;
}

除了划分容器的宽度之外，还有其他方法可以做到这一点吗？

Answer 1

这个怎么样？ http://jsfiddle.net/643FQ/

.container{
width: 960px;
}

.box{
width: 25%;
height: 50px;
float: left;
border:1px solid #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}