自动使用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