課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
為什么加了padding以后盒子大小也變了?為什么不是相對于盒子broder有10px;那如果想這樣做的話,該怎么寫?
2017-04-11
源自:初識HTML(5)+CSS(3)-升級版 12-12
正在回答
盒子的width=margin-left +margin-right + border-left+border-right+padding-left+padding-right+內(nèi)容的width
所以代碼中的盒子width = 10px *2 + 1px*2 +100px
同理height
qq_安安_17 提問者
100px 指的是box1里頭的內(nèi)容的高度;雖然你現(xiàn)在div里沒寫文字
你截圖里height:100px 指的是box1里頭的內(nèi)容的高度;雖然你現(xiàn)在div里沒寫文字。
同理width; 你現(xiàn)在把100px認(rèn)為成box1的寬高了,這是不對的。
? ?padding是邊框里距頂部距離
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答關(guān)于padding
2 回答關(guān)于padding
3 回答關(guān)于padding-bottom
1 回答關(guān)于padding的問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-04-11
盒子的width=margin-left +margin-right + border-left+border-right+padding-left+padding-right+內(nèi)容的width
所以代碼中的盒子width = 10px *2 + 1px*2 +100px
同理height
2017-04-11
100px 指的是box1里頭的內(nèi)容的高度;雖然你現(xiàn)在div里沒寫文字
2017-04-11
你截圖里height:100px 指的是box1里頭的內(nèi)容的高度;雖然你現(xiàn)在div里沒寫文字。
同理width; 你現(xiàn)在把100px認(rèn)為成box1的寬高了,這是不對的。
2017-04-11
? ?padding是邊框里距頂部距離