html 填满父容器,用CSS填充div来填充父容器的宽度

在这个线程没有JavaScript在所有浏览器包括IE 6的工作原理纯CSS/HTML解决退房thirtydot的答案。

HTML：

CSS：

#container {

border: 2px dashed #444;

height: 125px;

text-align: justify;

-ms-text-justify: distribute-all-lines;

text-justify: distribute-all-lines;

/* just for demo */

min-width: 612px;

}

.box1, .box2, .box3, .box4 {

width: 150px;

height: 125px;

vertical-align: top;

display: inline-block;

*display: inline;

zoom: 1

}

.stretch {

width: 100%;

display: inline-block;

font-size: 0;

line-height: 0

}

.box1, .box3 {

background: #ccc

}

.box2, .box4 {

background: #0ff

}