当前位置: 代码迷 >> Web前端 >> div ie firefox自动顺应高度
  详细解决方案

div ie firefox自动顺应高度

热度:201   发布时间:2012-11-08 08:48:11.0
div ie firefox自动适应高度
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赋值
  相关解决方案