padding的讲究

padding有一个陷阱，你平常可能不太注意。

行内元素上设置的内边距不会影响行高计算；因此，如果一个行内元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。

对于块元素，利用padding结合box-sizing可以轻松制作类似 三列高度相等，左右宽度固定，中间自适应的布局，

box-sizing有两种方式 border-box  content-box

需要注意的是对于火狐，box-sizing属性居然需要加前缀  -moz-box-sizing,而且它还支持第三种格式：padding-box

各种浏览器都有神奇的地方。神啊，这真是既痛苦又有乐趣啊。

分久必合，合久必分。HTML5来解放我们一段时间吧。

 

转载于:https://www.cnblogs.com/jamesldj/p/3323980.html