face's Blog

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

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

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