说行内元素的顶部和底部边距不可被设置,这里的边距是指的外边距(margin)还是内边距(padding)?如果是指外边距的话,那么左右外边距是否可以设置?
行内非替换元素:
width、 height不起作用,用line-height来控制高度。
padding左右起作用,上下不会影响行高,但是对于有背景色和内边距的行内非替换元素,背景可以向元素上下延伸,但是行高没有改变。因此视觉效果就是与前面的行重叠。
margin左右起作用,上下不起作用,原因在于:行内非替换元素的外边距不会改变一个元素的行高
margin较简单,行内非替换元素的padding你可以动手去体验一下,这块比较难懂;它的上下padding不起作用,但是如果你设置了背景色就会发现,视觉上是有上下的padding的,但是你把它的定位设置为{position:relative;left和top都为0}就会发现,它的上下padding是不占位置的
总结:也就是说它的上下padding存在(设置背景色就可以看见),但是又像空气一样不占据位置,也不影响它的定位
如果两个平级div,一般设置外边距,控制他俩之间的间距;如果是一个镶嵌在另一个的内部,一般设置内边距,设置位置