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

TEST

Answer 2

您可以为它们使用相同的类样式，并根据需要为它们设置通用大小

像这样：

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

用CSS自动DIV宽度？

2 个答案: