六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 163|回复: 0

div ie firefox自动适应高度

[复制链接]

升级  0.67%

52

主题

52

主题

52

主题

举人

Rank: 3Rank: 3

积分
202
 楼主| 发表于 2013-2-7 23:57:41 | 显示全部楼层 |阅读模式
IE不管设置div的高度与否,都会根据内容来自适应高度。但是FIrefox就不会。
========================================
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 直接给div赋值
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表