中心有一個固定寬度的DIV，兩邊都有其他兩個（取所有屏幕的休息處）？

Question

只有使用HTML和CSS才能做到這一點嗎？屏幕寬度可以是各種各樣的。

Answer 1

<style type="text/css"> 
#wrapper{ 
    width:100%; 
    float:left; 
} 
#left{ 
    width:20%; 
    float:left; 
} 
#center{ 
    width:60%; 
    margin:0 auto; 
} 
#right{ 
    width:20%; 
    float:right;  
} 
</style> 

<div id="wrapper"> 
    <div id="left"></div> 
    <div id="center"></div> 
    <div id="right"></div> 
</div> 

Answer 2

是的，你可以用display:table屬性來做到這一點。像這樣寫：

.parent{ 
    width:100%; 
    display:table; 
} 
.parent div{ 
    display:table-cell 
} 
.middle{ 
    width:300px; 
    background:red; 
} 
.left{ 
    background:green; 
} 
.right{ 
    background:yellow; 
} 

入住這http://jsfiddle.net/QUVeq/

Answer 3

你可以像在例如

http://jsfiddle.net/HCFpE/

添加width: auto;您#left和#right CSS