padding的讲究
padding有一个陷阱,你平常可能不太注意。
行内元素上设置的内边距不会影响行高计算;因此,如果一个行内元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。
对于块元素,利用padding结合box-sizing可以轻松制作类似 三列高度相等,左右宽度固定,中间自适应的布局,
box-sizing有两种方式 border-box content-box
需要注意的是对于火狐,box-sizing属性居然需要加前缀 -moz-box-sizing,而且它还支持第三种格式:padding-box
各种浏览器都有神奇的地方。神啊,这真是既痛苦又有乐趣啊。
分久必合,合久必分。HTML5来解放我们一段时间吧。