盒子大小的變動？
padding不是元素內(nèi)容與邊框距離么？為什么設置padding:10px; 盒子的大小也會變動？我理解的是：盒子大小不動，里面的字移動
慕婉清9138734
2016-02-01
6 回答
舉報
0/150
提交
取消
2016-02-11
首先要弄清楚heigth和width指的是什么。實際上heigth和width定義的是盒子內(nèi)部的內(nèi)容區(qū)的寬和高。而你看到的由線框圈起來的“盒子”，是包括內(nèi)容區(qū)+padding的。所以你定義了“padding：10px”后，盒子的大小自然改變了。
2016-02-11
padding是元素內(nèi)容與邊框距離，你視覺上看到的由線框圈起來的“盒子”是包括padding和內(nèi)容區(qū)的，所以單純增加padding值，盒子大小小自然會變了。
2016-02-09
我也想不通為什么會變動呢
2016-02-01
默認內(nèi)邊距是0 ?當你設置了邊距是 里面內(nèi)容不變 盒子的大小就會變 了
2016-02-01
你的理解錯誤，因為設置了padding:10px;要有效果，盒子就會變動，若不變動，其他設置就會變動，則設置不成立。也就沒有設置意義，因為其他定量也成了變量。
2016-02-01
你要的應該是這個
margin:10px;
padding對內(nèi)，margin是對外。如果不明白的看回之前的視頻