Question

自适应排版问题：如何让3个div的width之和=100%？

如何让3个div的width之和=100%？

我现在的css：
#left {float:left;width:150px;height:500px;}
#middle {height:500px;width:expression((document.documentElement.clientWidth-300)+'px');
#right {float:right;width:150px;height:500px;}

ie下可以，但是FF不支持~~~~

希望求得正解，感激不尽！！！

Answer 1

需要设置div的形式为页面宽度的百分比，不能设置固定值，之后三个div的百分比之和为100%:
<div style="width:30%;hight:100%;"><p class="left">文本1</p></div>
<div style="width:30%;hight:100%;"><p class="left">文本2</p></div>
<div style="width:40%;hight:100%;"><p class="left">文本3</p></div>

Answer 2

你这样 把你把其中两个设置成固定的 然后一个设置成100% 就可以了 应该都支持的 然后他们会根据分辨的大小自动变了 具体根据你的要求来设置

Answer 3

把三个div的width设成百分比,使它们的和加起来为100%,

Answer 4

火狐 不支持expression而且最新的浏览器比如ie8也不会支持expression楼主把expression忘了吧

Answer 5

用层就行了吧！