Firefox div高度自适应
2009-04-28 08:54
423 查看
1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度。但是一旦设置了 height以后,FIrefox就不会自适应div的高度了。所以只能两个属性都不用,干干净净地写<div>Jimbor Studio</div>。
2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是在div内的最下面加一个clear:both的div。例如:
复制代码 代码如下:
<div>
<div style="float:left;">Jmedia Design</div>
<div style="float:right;">www.jmedia.cn</div>
<div style="clear:both;"></div>
</div>
3.还有看到一个js解决的,也可以。
复制代码 代码如下:
<script type="text/javascript">
<!--
document.getElementById("box").style.height=document.getElementById("right").scrollHeight+20+"px"
-->
</script>
2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是在div内的最下面加一个clear:both的div。例如:
复制代码 代码如下:
<div>
<div style="float:left;">Jmedia Design</div>
<div style="float:right;">www.jmedia.cn</div>
<div style="clear:both;"></div>
</div>
3.还有看到一个js解决的,也可以。
复制代码 代码如下:
<script type="text/javascript">
<!--
document.getElementById("box").style.height=document.getElementById("right").scrollHeight+20+"px"
-->
</script>
您可能感兴趣的文章:
相关文章推荐
- css+div自动适应高度,在IE和firefox下都能适应 (左右DIV自适应高度)
- IE和Firefox的div高度自适应解决方法
- Firefox的div高度自适应
- Firefox的div高度自适应
- IE和FireFox的div高度自适应方法
- 让Div在IE和Firefox下自适应高度
- 解决firefox里DIV的自适应高度
- Firefox的div高度自适应
- [转]Firefox和IE中定义自适应高度的div
- Firefox div高度自适应
- 转:IE和Firefox的div高度自适应解决方法
- Firefox的div高度自适应
- CSS两列自适应高度DIV(高度自动增加)兼容ie和firefox
- 转:解决Div自适应高度的方法
- 外层div自适应内层div高度
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- div制定最小高度自适应延伸兼容 ie 6.0
- IE8下DIV嵌套出现外层自适应高度
- div 自适应高度 自动填充剩余高度
- 解决子级用css float浮动,而父级div不能自适应高度问题