盒子大小的變動(dòng)？
padding不是元素內(nèi)容與邊框距離么？為什么設(shè)置padding:10px; 盒子的大小也會(huì)變動(dòng)？我理解的是：盒子大小不動(dòng)，里面的字移動(dòng)
慕婉清9138734
2016-02-01
6 回答
舉報(bào)
0/150
提交
取消
2016-02-11
首先要弄清楚heigth和width指的是什么。實(shí)際上heigth和width定義的是盒子內(nèi)部的內(nèi)容區(qū)的寬和高。而你看到的由線框圈起來(lái)的“盒子”，是包括內(nèi)容區(qū)+padding的。所以你定義了“padding：10px”后，盒子的大小自然改變了。
2016-02-11
padding是元素內(nèi)容與邊框距離，你視覺(jué)上看到的由線框圈起來(lái)的“盒子”是包括padding和內(nèi)容區(qū)的，所以單純?cè)黾觩adding值，盒子大小小自然會(huì)變了。
2016-02-09
我也想不通為什么會(huì)變動(dòng)呢
2016-02-01
默認(rèn)內(nèi)邊距是0 ?當(dāng)你設(shè)置了邊距是 里面內(nèi)容不變 盒子的大小就會(huì)變 了
2016-02-01
你的理解錯(cuò)誤，因?yàn)樵O(shè)置了padding:10px;要有效果，盒子就會(huì)變動(dòng)，若不變動(dòng)，其他設(shè)置就會(huì)變動(dòng)，則設(shè)置不成立。也就沒(méi)有設(shè)置意義，因?yàn)槠渌恳渤闪俗兞俊?/p>
2016-02-01
你要的應(yīng)該是這個(gè)
margin:10px;
padding對(duì)內(nèi)，margin是對(duì)外。如果不明白的看回之前的視頻