如何控制div之间自适应

来源：百度知道 编辑：UC知道 时间：2024/06/07 15:07:35
比如我一个网站分上中下三部分，我上面的部分固定高度，<div class="top"></div>，下面部分高度也是固定的<div class="bottom">...</div>，关键是我中间部分，我中间部分是内容，这个内容可以从后台修改，不固定高度，我用的是div定位，中间也用的是绝对定位position:absolute;left:50%;top:150px;margin-left:-500px;width:500px;
（说明：网站宽度1000，上面部分高度150，）现在就是中间部分了，由于高度我不能固定下来，最下面的部分就不能定位了，下面不能用绝对定位，因为中间的高度不知道，但是我用相对定位似乎也不行，
我现在就是需要让下面部分的位置随着中间高度变化也跟着上下改变，谢谢！希望能写出具体代码，或者例子，非常感谢！

<style type="text/css">
/*top 上，bottom中，foot下*/
.top ,.bottom,.foot{ width:1003px; margin:0 auto; background:red;}
.top{height:150px;}
.bottom{height:auto; background:blue; overflow:auto;}
.foot{height:200px;}
.left{ float:left;}
</style>
</head>
<body>
<div class="top">
</div>
<div class="bottom">
<div class="left">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
<div class="foot">
</div>
</body>

我同学的跟你的正好相反，用相对定位，下面部分就会跟着中间高度变化。
我搞不清楚你为什么会出现这种情况，是不是中间使用了框架？把你CSS代码都贴出来看看。

一个网站 上中下，
直接排下来就行了
为何用absolute