bjcstinc吧 关注:13贴子:107
  • 0回复贴,共1

关于padding增加width的解释

只看楼主收藏回复

在一个block元素上使用padding后元素实际的宽度会增加,这是一个常识。
这本来是一个很浅显的道理,但许多初学者考虑的时候却觉得很怪异。
我这里按自己的解释来说明一番。
给个假设情况:一个width:10px的元素,padding:10px;
那么实际宽度就是width+padding-left+padding-right=30px;
假如说padding对宽度无影响,那么width是10px;但是padding在横向的宽度是20px;这样内边距padding>总宽width。
一个元素的内边距却大于这个元素的总宽,显然这是个悖论。
所以说作为内边距的padding是一定要加在宽度之上的



IP属地:北京1楼2011-04-19 09:46回复