今天调试龙游网的新模版时,发现一个不影响使用,但是绝对让人难受的小问题。那就是在firefox下页脚总是会浮动到页面上部的一个DIV后面来。在源代码中是正常的,就是显示会浮动。而在IE6和IE7中都是正常的。
参考了木鸟的默认模版代码,发现如果用一个DIV将页脚前的代码都圈起来,则在firefox和IE下显示效果就一样了。
但是,如果这样的话,不就成了伪DIV+CSS了么?大DIV套小DIV的代码,加载速度不一定会比多个TABLE分隔的代码快呢。
难道除了大DIV圈起来,就没有别的解决方案了?
又参考了一个老男人的模版代码,发现了一个有用的参数“clear:both;”。我在页脚前加了一句:<div style="clear:both;"></div>,问题解决了,也没有影响页面的加载速度。
虽然我是拿来主义者,在解决问题后还是了解一下解决的原理比较好。于是百度了一下,终于明白了 clear:both;的作用就是阻断该代码之前的浮动属性。所以,在页脚前放一个clear:both;就使页脚无法继承浮动属性,老老实实地呆在最下面了。