当容器padding后,容器内的元素设置margin时的计算

来源:互联网 发布:广日电梯 知乎 编辑:程序博客网 时间:2024/04/29 15:18

代码如下

  <style>  div { padding: 15px;}  p { margin-left:10px; }  </style><body> <div>  <p>Hello</p></div></body>


上面的代码表示

div内边距上下左右长度分别为15px

p的左边的外边距为10px

也就是说div和p的左边之间的距离等于15加10共25像素距离

此时p的margin-left是从div的padding-left结束点开始算的

此时p的右边的margin-right依然是0px,div的padding-right依然是10px



原创粉丝点击