自動使用CSS的DIV寬度？

Question

我有3列與divs，中間有固定大小977px， 左和右一個沒有寬度，我試圖設置它們自動大小等於最大窗口大小 - 中間大小（977px），並分爲所以左邊和右邊的大小相同。 有沒有辦法做到這一點。

Answer 1

您可以使用同一類風格爲他們，如果你想

像這樣爲它們設置一個共同的大小：

<div id="container> 
    <div id="left" class="outerdivs"></div> 
    <div id="mid"></div> 
    <div id="right" class="outerdivs"></div> 
</div> 

Answer 2

有U這樣看？

HTML

<div id="container"> 
    <div id="left"></div> 
    <div id="mid"></div> 
    <div id="right"></div> 
</div> 

CSS

body { 
    margin: 0; 
    padding: 0; 
} 

#container { 
    width: 100%; 
} 

#mid { 
    width: 977px; 
    margin: 0 auto; 
    background-color: red;  
    height: 100px; 
} 

TEST