css - DIV宽度自动与CSS？

Question

我有 3 列带有 div，中间的一列有固定大小 977px，左右一列没有宽度，我试图将它们自动设置为大小等于最大窗口大小 - 中间 div 大小（977px）并除以 2。所以左边和右边的大小相同。有没有办法做到这一点。

Answer 1

你看起来像这样吗？

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;
}

测试

Answer 2

如果需要，您可以为它们使用相同的类样式并为它们设置一个共同的大小

像这样：

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