DIV+CSS 设计的页面,DIV高度自适应问题,页面大致代码如下。
发布网友
发布时间:2022-04-26 10:39
我来回答
共1个回答
热心网友
时间:2022-04-06 13:18
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;,强制清除浮动