标题:如何解决因浮动引起的DIV不自动适用内容高度?
只看楼主
kira007
Rank: 2
等 级:论坛游民
帖 子:294
专家分:27
注 册:2007-6-28
结帖率:50%
 问题点数:0 回复次数:1 
如何解决因浮动引起的DIV不自动适用内容高度?
页面布局如下
<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 则能自动适应高度。

请问 有没有 除此以外的方法 解决这个问题???  
搜索更多相关主题的帖子: 高度 DIV 自动 
2010-06-23 14:56
poyexyp
Rank: 4
等 级:业余侠客
威 望:1
帖 子:27
专家分:205
注 册:2010-6-23
得分:0 
通常float引起的高度自适应问题是发生在float元素的父元素上的,即#all的高度如果不设定的话会解释成0,解决办法是父元素加上overflow:auto。而LZ说的似乎是浮动层的子层高度不能自适应,由于没有详细的代码,所以无法估计原因,测试了下好像不存在这个问题。所以,是否是L2层中又放了有浮动的子元素层?如果不是的话就需要更详细的代码来判断了。
PS:对于层的布局其实用父元素相对定位然后子元素绝对定位的方式更稳定和可操作一些,兼容性的问题也少。
2010-06-23 17:06



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-311034-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.052585 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved