Question

DIV+CSS 设计的页面，DIV高度自适应问题，页面大致代码如下。

HTML代码：
<div align="center" style="clear:both">
<div class="container">
<!--top-->
<div class="topcontainer">
<!--分成左右两块-->
<div class="logoplace">
<img src="images/logo_zh_cn.jpg" />
</div>
<div class="menu">
<div class="language">
</div>
<div class="menuitem">

</div>
</div>
</div>
<!--宣传大图区-->
<div>
<img src="images/wuliu.jpg" />
</div>
<!--中间部分-->
<div class="middlecontainer">
<!--左边菜单项-->
<div class="serviceitem">

</div>
<!--公司介绍和公司信息-->
<div id="right" class="middlecontainer_right">
<!--中间部分-->

</div>
</div>
<!--合作伙伴和燃油附加费信息-->
<div class="information">
<div class="friends">
<div class="divtitle">
</div>
<div class="imgpartner">

</div>
<div class="wenzipartner">

</div>
</div>
<div class="oil">
<div class="divtitle">
</div>
<div class="bunker">

</div>
</div>
</div>
<!--版权信息-->
<div class="bottom">
<div class="copyright">
</div>
</div>
</div>
</div>

主要CSS代码：
.container
{
border: 1px solid #F9F3F3;
width: 80%;
}
.language
{
text-align:right;
padding-top: 1px;
height:10px;
margin-right: 50px;
}
.menu
{
background-image: url(../images/menu_bg.jpg);
background-repeat: repeat-x;
text-align: center;
vertical-align: middle;
height: 60px;
float: right;
width: 73%;
}
.menuitem
{
width: 670px;
padding-top: 15px;
margin-top: 0px;
margin-left: 50px;
background-image: url(../images/menu.gif);
background-repeat: repeat-x;
height: 30px;
}

.middlecontainer
{
width:100%;
}

.information
{
width: 100%;
}

.bottom
{
width:100%;
}
.copyright
{
width: 100%;
height: 100px;
margin-top:25px;
background-repeat: no-repeat;
background-image: url(../images/copyright.jpg);

}

Answer 1

1楼的，有本事你把把他修复好。没本事，还来这骂人。没让你回答怎么着。以后别上百度知道，你这是在侮辱所有参与百度知道的人。
根据你的问题，很明显是div不能自动适用高度。通俗的将，就是外层div不能包含内层的元素。
先说说为什么会出现这个现象？
因为内层div全设置了浮动，也就是float属性，元素一旦浮动，就不会占用元素空间。就会出现，外层div不能包含内层元素的现象
解决方法：
方法1： 在内层元素的最后面加入一个元素，并且设置这个元素不浮动，强制使外层元素包裹内层元素如<div style="clear:both;float:none"></div>
方法2：设置外层元素css属性overfloat为hidden或者auto，zoom设置为1，设置zoom是为了兼容ie6
方法3：设置外层元素高度为一个固定值（不建议这么做，不过这是最完美的解决方法）
方法4：通过css的content属性，这个有点复杂，我就不说了，反正很少人用这个

最后，在问一句，1楼的你是人吗？

还有一条，把所有不参与浮动的外层元素，加上clear:both;，强制清除浮动

Answer 2

朋友，你给层设置一个高度就好了，你所设置的容器都没有设置高度，你想要自适应高度的话，可以给div加样式：overflow:hidden;试试看吧，最好根据你的模块大小给层设置固定高度，这样利于浏览器的兼容。

Answer 3

不要定义高度值，默认的就是自适应，根据内容长短而不同，如果高度适应屏幕高度，那高度值就定义成100%，超出部分显示滚动条：overflow:auto;

Answer 4

问题是这样的: 我要做一个页面, 分为3个横的部分。 例如叫做：header，你们这帮人真恶心基础都不打好就想盖楼你以为DIV CSS就是拉个框把东西扔

追问

你这是要骂人吗？来错地方了