classification

ff下css最小高度bug(个人观点)

face posted @ 2012年3月22日 01:18 in css with tags bug css firefox ff min-height 最小高度 无效 , 1882 阅读

    接触web不久,对css的理解也不是很深刻,前两天就被它华丽丽的虐了。

    问题出在ff下,因为我使用cms来做网站,使用cms通常都会涉及到一个数据采集的范畴,问题就出在这。在ff下,比如一个加背景的显示页面,需要嵌套3层来完成(上、中、下),其中上、下的高度可以是固定的,而中间的高度通常不能固定(因为你永远不知道将来要加的数据的长度)。而写css样式的时候,我通常是最外层的div放置显示页面上边的背景,中间层放置下变的背景,内容层则放置不能固定高度的div的背景。由于不能固定高度,所以我们只能设置高度为100%,并且会给最外层父元素一个最小高度(不管加不加数据,应该显示的最小高度),而内容层使用高度100%继承外层父元素的最小高度在ff下无效!之前并没有发现这个bug,调试了N久,最后得出解决方法,给子元素也设置一个min-height,值为父元素的最小高度。

    写出来加深记忆,下次遇到就不会这么容易被虐了。也希望看到过的人不会被类似问题所困扰。

 

 

 

 

 

 

 


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter