百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 让您头痛的DIV+CSS网页错位诊断及解决办法
分享文章到:

让您头痛的DIV+CSS网页错位诊断及解决办法

发布时间:01/15 来源: 浏览: 关键词:
做css+div网页布局的同学可能和我一样对网页错位感到头痛,以下是我经过了几次同样的问题之后总结出来的解决办法,希望对大家有用。

常见DIV+CSS网页错位问题

1、网页在某版本的浏览器中显示正常,不同其它版本浏览器显示错位不正常

2、本来是左右结构网页布局,但是左右成上下结构错位

3、文字列表型字行在不同浏览器中高度不一

等等...

解决CSS网页错位总体思路

1、遇到在不同版本浏览器中显示高矮不一可以使用CSS hack来解决

2、如果左右结构网页布局成了上下结构布局。解决方法是检查float浮动是否设置好;检查左右宽度是否计算正确,是否是设置左右宽度大于了总宽度导致的上下结构;div开始与div结束包含是否正确,可以使用设置border边框来验证,是否少了div标签结束或多了div。

3、字体高度不一致,有没有设置line-height或height属性来控制字行间距、CSS 字间距。

4、可能是你CSS 注释有问题。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有6人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板