一直搞不懂padding与margin,今天看了看资料 记录一下对margin和padding的理解
一张图说明 margin和padding
#margintest{
width:90px;
height:90px;
margin-top: 20px;
border: 1px dotted #000;
margin-left: 10px;
padding-bottom:5px;
}
1.margin (外边距 外补白)
围绕在元素边框的空白区域
margin折叠只发生在块级元素上
margin 用来分割元素之间的距离
2.padding (内边距)
上图绿色部分
padding用来分割元素与内容之间的距离
本文通过一张图详细解释了CSS中margin(外边距)和padding(内边距)的概念及用法,帮助读者理解两者如何影响元素布局。
6402

被折叠的 条评论
为什么被折叠?



