问答详情
源自:12-7 长胖长高点--宽度和高度

元素的边界宽度在实际中指什么,怎么理解?

元素的盒模型中长宽中的边界是什么,可以举具体例子,谢谢!


提问者:一日便是旧 2016-06-14 22:55

个回答

  • MyLucifer
    2016-07-04 16:21:28

    你看一下11-5的视频,两盒子模型之间的距离就是外边距margin

  • 一日便是旧
    2016-06-14 23:17:01

    http://img.mukewang.com/57601f160001304305570259.jpg估计是我表达不准确吧,我说的是图中那个左右边界(=20px),不是说元素整体的边界

  • 慕粉2168577
    2016-06-14 23:10:52

    margin 指外边距也就是边界,border是指边框,padding 是指填充

    margin和padding的区别在于:margin在边框外,padding在边框里。

    元素的实际宽度(盒子宽的)=左边界(左margin)+左边框+左填充+内容宽度+右填充+右边框+右边界

  • 慕粉3409169
    2016-06-14 23:09:33

    http://img.mukewang.com/57601dea0001b34304300350.jpg

    如上图


  • 老梁2016
    2016-06-14 23:07:10

    元素的边界用来分隔元素和与其相邻的元素。分为内边距(padding)和外边距(margin)。看这个图你就明白了。http://img.mukewang.com/57601d960001b34304300350.jpg

  • YOM
    2016-06-14 23:05:16

    padding

    padding 10px;    上右下左均10px

    padding 0 10px;    上下0px,左右10px;

    padding: 1px 2px 3px 4px;    上 1px , 右2px, 下3px, 左4px;