關(guān)于元素高寬的設(shè)定問題?加入pdding值是改變盒子的大小,而不改變內(nèi)容的高 寬?
盒子的大小指的是margin padding border content相加,那我們設(shè)置的元素的width height指的是content的內(nèi)容么,因?yàn)閙argin padding的默認(rèn)值都是0????
盒子的大小指的是margin padding border content相加,那我們設(shè)置的元素的width height指的是content的內(nèi)容么,因?yàn)閙argin padding的默認(rèn)值都是0????
2016-08-26
舉報
2016-08-26
首先我明白你的意思,你陷入了盒子模型的寬高與margin ?padding border的關(guān)系中。1.一旦你設(shè)置了內(nèi)容的寬和高,那么加入padding是會改變盒子的大小,不會改變內(nèi)容的寬高 2.如果你沒有設(shè)置內(nèi)容的寬高,那么你加入padding值就會改變內(nèi)容的寬高,比如一段文字在這種情況下是會受到影響的。
再來問題的補(bǔ)充,是的,還有border默認(rèn)也是0,當(dāng)你修改的時候,就有了。你可以想象成快遞包裹,保護(hù)商品(內(nèi)容)的是泡沫(內(nèi)填充padding,要用多少當(dāng)然視實(shí)際情況來定),再來一個盒子(邊框)封裝起來,然后來一個快遞袋(外邊距)。
2016-08-26
第一,盒子模型:
包括margin(外邊距)+border(邊框)+padding(內(nèi)邊距)+width/height
其中width/height指的是盒子里面的東西,padding表示東西與盒子的距離,margin表示盒子與其它盒子之間的距離。
第二,margin和padding的默認(rèn)值一般我們是手動設(shè)置的: *{margin:0;padding:0;} 為的是清除不同瀏覽器自設(shè)的margin與padding值
課程:http://idcbgp.cn/video/1331
2016-08-26
設(shè)置元素的width和height指的是content的寬和高,和margin和padding是否為0無關(guān)。margin和padding需要另外設(shè)置,默認(rèn)值也不一定是0.