孙悟空虽然最后成了斗战胜佛,但他一生中最快活的日子应该还是在水帘洞的时光。
花果山福地,水帘洞洞天! | 活用clear:both;解决firefox与IE显示差异问题

花果山福地,水帘洞洞天!

风妖的官方博客

Filter by APML

今天调试龙游网的新模版时,发现一个不影响使用,但是绝对让人难受的小问题。那就是在firefox下页脚总是会浮动到页面上部的一个DIV后面来。在源代码中是正常的,就是显示会浮动。而在IE6和IE7中都是正常的。

参考了木鸟的默认模版代码,发现如果用一个DIV将页脚前的代码都圈起来,则在firefox和IE下显示效果就一样了。

但是,如果这样的话,不就成了伪DIV+CSS了么?大DIV套小DIV的代码,加载速度不一定会比多个TABLE分隔的代码快呢。

难道除了大DIV圈起来,就没有别的解决方案了?

又参考了一个老男人的模版代码,发现了一个有用的参数“clear:both;”。我在页脚前加了一句:<div style="clear:both;"></div>,问题解决了,也没有影响页面的加载速度。

虽然我是拿来主义者,在解决问题后还是了解一下解决的原理比较好。于是百度了一下,终于明白了 clear:both;的作用就是阻断该代码之前的浮动属性。所以,在页脚前放一个clear:both;就使页脚无法继承浮动属性,老老实实地呆在最下面了。

Currently rated 5.0 by 1 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

Add comment


 

  Country flag

biuquote
  • Comment
  • Preview
Loading



<<  November 2008  >>
MonTueWedThuFriSatSun
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

博客作者

风妖

Recent comments

版权所有,转载请注明出处。

Powered by BlogYi.NET ver:1.6.5.0. Original Powered by BlogEngine.NET.