首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

IE在显示指定margin和padding的浮点元素时存在bug

在朝阳网站开发和网站设计中,朝阳网十科技未来告诉大家CSS的布局的重要性,下面讨论CSS的布局检查和调试方法。

确认CSS的书写正确。

检查是否有拼写错误,以及末尾是否忘记}。可以使用CleanCSS检查CSS的拼写错误。

查看HTML元素中的拼写错误和结束标记是否被遗忘。

即使是老手也经常搞错div的嵌套关系。使用dreamweaver的验证功能对错误进行检查。

float元素的父元素不能指定clean属性。

如果对float元素的父元素使用clear属性,那么MacIE下的float元素布局就会很乱。这就是MacIE著名的bug,在不知道的情况下会走弯路。

用删除法确定出错的位置。

若此错误影响整个布局,则可以逐个删除div块,显示将恢复正常,直到删除其中一个div块后,才能确定错误发生的位置。

利用border属性决定错误元素的布局特性。

使用浮点属性布局时会发生错误。增加border属性以确定元素的边界,错误的原因是它掉到了地面上。

float元素不能指定margin和padding等属性。

IE在显示指定margin和padding的浮点元素时存在bug。因此,不要为float元素指定margin和padding属性(margin和padding可以通过将div嵌入float元素来设置)。IE的特殊值也可以使用hack方法指定。

float元素必须指定宽度属性。

许多浏览器在显示没有指定width的float元素时都存在bug。所以,不管float元素的内容是什么,一定要指定width属性。

当指定其他元素时,尝试使用em代替px作为单位。

浮点数单元的宽度和小于100%

假设浮点数元素的宽度和等于100%,一些老浏览器将不能正常显示。因此要保证宽度小于99%。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询