注册 登录
编程论坛 WEB前端(UI)

如何解决因浮动引起的DIV不自动适用内容高度?

kira007 发布于 2010-06-23 14:56, 992 次点击
页面布局如下
<div id="All">
  <div id="Left">
      <div id="L1"> 标题区域 </div>
      <div id="L2"> 内容区域</div>
  </div>
  <div id="Right">

  </div>

</div>

对象left,right 均设置了左浮动属性。
Left 下 div 均没有设置 浮动属性

在IE7 FF 下 L2 的高度不能根据内容自动适应。
当 设置所有 Left 下 div的浮动属性后,L2 则能自动适应高度。

请问 有没有 除此以外的方法 解决这个问题???  
1 回复
#2
poyexyp2010-06-23 17:06
通常float引起的高度自适应问题是发生在float元素的父元素上的,即#all的高度如果不设定的话会解释成0,解决办法是父元素加上overflow:auto。而LZ说的似乎是浮动层的子层高度不能自适应,由于没有详细的代码,所以无法估计原因,测试了下好像不存在这个问题。所以,是否是L2层中又放了有浮动的子元素层?如果不是的话就需要更详细的代码来判断了。
PS:对于层的布局其实用父元素相对定位然后子元素绝对定位的方式更稳定和可操作一些,兼容性的问题也少。
1