div+css布局的网页在firefox出现错位问题解决办法

采用新的主题后,页眉中插入Adsense,经常出现错位的现象,于是手工修改CSS和HEADER.PHP,采用把logo和Adsense分别div封装的方式,修改完成后IE7下测试正常,但是Firefox下面错位现象非常严重,不得其解,Google到如下文章:

div+css布局的网页经常在firefox出现错位的问题,
我们可以在css文件里定义的容器时加入clear属性来控制页面
clear属性说明:该属性的值指出了不允许有浮动对象的边。
注意这里要注意和float属性的区分
float:该属性的值指出了对象是否及如何浮动。
当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。
clear属性支持的参数有下面4个:
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象

而float属性支持的参数有下面3个:
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边

加入CLEAR属性后,问题果然解决,感谢黑白映画,贴于此以备后用。

分享家:Addthis中国

随机文章:

关于 老豆豉

欢迎光临本站
此条目发表在 站务公告 分类目录,贴了 , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">