當容器padding後,容器內的元素設置margin時的計算

代碼如下

  <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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章