1、css外边距margin
margin-top：上外边距
margin-right：右外边距
margin-bottom：下外边距
margin-left：左外边距
合写：
margin：10px 0 20px 200px； 上 右 下 左外边距
margin：10px 200px；上下10px 左右200px
margin：0 auto； 上下0 左右自动居中（水平居中）
2、行内元素设置内外边距的影响
行内元素 不要给上下的margin和padding，上下的margin、padding会被省略，左右的margin、padding会起到作用
3、盒子内容的宽和高的占用空间
width和height是内容区域的宽高
盒子的宽度=左边距+左内边距（padding）+width+右padding+右边距
4、第一种外边距合并的情况
上盒子的下外边距20px，下盒子的上外边距是30px，两个盒子之间上下距离就是30px，不是50px
5、第二种外边距合并的情况
父元素无上内边距及变宽
则父元素的上外边框会和子元素的上外边距发生合并，合并后外边距为两者的较大者
网友评论