一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 11:16:23 编辑:袖梨 来源:一聚教程网

常见DIV+CSS网页错位问题

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

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

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

等等...

解决CSS网页错位总体思路

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

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

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

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

热门栏目