行内元素的margin 左右有效,上下无效
padding 左右有效,上无效
下比较特殊 在视觉上它确实有效,但其实只是表象,看上去增大了,但是并没有撑大盒子,也不影响其他元素。
所以 padding和margin一样左右有效,上下无效。
(红色盒子为行内元素,粉色为块级元素,可见行内盒子并没有把块级元素撑走)
行内元素的margin 左右有效,上下无效
padding 左右有效,上无效
下比较特殊 在视觉上它确实有效,但其实只是表象,看上去增大了,但是并没有撑大盒子,也不影响其他元素。
所以 padding和margin一样左右有效,上下无效。
(红色盒子为行内元素,粉色为块级元素,可见行内盒子并没有把块级元素撑走)