Firefox的div高度自适应 【WEB标准】
IE不管设置div的高度与否,都会根据内容来自适应高度。但是Firefox就没有这么聪明了。

1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容超出height,IE会自适应其高度。但是一旦设置了 height以后,FIrefox就不会自适应div的高度了。所以只能两个属性都不用,干干净净地写<div>cookseo.com</div>。

2.即使不设置固定高度,Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层,那它就又失灵了。其实有个最简单的方法,就是在div内的最下面加一个clear:both的div。例如:

Jmedia Design
www.jmedia.cn

3.还有看到一个js解决的,也可以。


从SEO角度来考虑的话,采取第二种方法最佳。
流行热度:超过  人阅读
关 键 词:css  自适应  自适应高度  FF  Firefox  
发布日期:daniel 发表于 2009-5-26 15:42:04
所属分类:【网站SEO - WEB标准】 - 【WEB标准
文章链接:http://www.cookseo.com/blog/css/firefox-div-height/ [点击复制] (转载时请注明本文出处及文章链接)
引用地址:点击这里获取该日志的TrackBack引用地址
您或许对与WEB标准相关的文章感兴趣:
  • 利用CSS截取文本字数,防止文本溢出  (2009-5-26 15:38:14)
  • 区分IE6.0,IE7.0,FireFox的CssHack写法:  (2009-4-20 15:1:33)
  • CSS(CssReset)定义网站的整体元素样式  (2009-4-9 22:27:38)
  • css之解决span宽度的完美方案  (2008-12-18 10:55:32)
  • div+css实现自适应宽度按钮  (2008-11-19 14:35:54)
  • CSS设计中的黄金分割率应用  (2008-11-14 16:42:59)
  • 修改CSS样式,通过W3C校验  (2008-11-14 15:22:27)
  • css中如何让li 自适应宽度  (2008-9-28 11:46:56)
  • 本文被踩了(0)次, 既然来了,我也要踩一脚

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    Powered By Z-Blog 1.8 Arwen Build 90619, 皮肤设计支持:异次元软件世界
    网站SEO-WEB标准, Daniel's Blog, CopyRight 2009-2011, 鄂ICP备10001167号,