课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
元素的盒模型中长宽中的边界是什么，可以举具体例子，谢谢！
2016-06-14
源自：初识HTML(5)+CSS(3)-升级版 12-7
正在回答
你看一下11-5的视频，两盒子模型之间的距离就是外边距margin
估计是我表达不准确吧，我说的是图中那个左右边界（=20px),不是说元素整体的边界
margin 指外边距也就是边界，border是指边框，padding 是指填充
margin和padding的区别在于：margin在边框外，padding在边框里。
元素的实际宽度（盒子宽的）=左边界（左margin）+左边框+左填充+内容宽度+右填充+右边框+右边界
如上图
元素的边界用来分隔元素和与其相邻的元素。分为内边距（padding）和外边距(margin)。看这个图你就明白了。
padding
padding 10px; 上右下左均10px
padding 0 10px; 上下0px，左右10px；
padding: 1px 2px 3px 4px; 上 1px ， 右2px， 下3px， 左4px；
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
2 回答元素的长和宽怎么理解啊？
4 回答元素的宽度 高度及顶部的底部的边距分别指什么
2 回答一个元素的实际宽度不应该算margin
3 回答div设置宽度后，为什么里面的元素会超出div的边界
1 回答元素的宽度？
估计是我表达不准确吧，我说的是图中那个左右边界（=20px),不是说元素整体的边界
