文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>Firefox和IE 兼容收集 盒子的padding为0 内嵌盒子的使用margin

Firefox和IE 兼容收集 盒子的padding为0 内嵌盒子的使用margin

时间:2010-09-04  来源:yaoshiyou

 

Firefox和IE对“盒子”的尺寸的理解似乎不同,一个认为不包括padding,一个认为包括。所以比较妥当的做法是让盒子的padding为0。如果确实需要设置盒子的padding,就改为设置它的内嵌盒子的margin。

但是不能把所有HTML元素的padding都设为0。我一直很奇怪怎么会有这么多人喜欢在CSS的开头写

* {margin: 0; padding: 0;}

html {margin: 0; padding: 0;}

甚至连www.mycelly.com都没有避免这种做法。这种CSS代码直接就把ul,ol,dl这样的HTML元素彻底阉割了:没有项目符号(或序号),没有缩进,还叫什么list?blogbus的缺省模板用ul组织日志列表,我在自己的模板中坚决抵制,这个我以前已经说过了。

不过,如果确实需要用不带项目符号、不带缩进的ul,仍然要注意Firefox和IE的差异,它们一个认为列表的“缩进”是padding,一个认为是margin,所以妥当的做法是把padding和margin都置为0,这时候甚至不需要显式设置list-style属性为none。

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载