                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

為什么初學(xué)者中，在padding值設(shè)置為20的時(shí)候，div的寬要相應(yīng)減少40px呢

05:23

蛋痘痘

2016-06-01

源自：網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則 2-1

關(guān)注問題我要回答

2105

操作

收起

2 回答

qq_慕姐5495388 回答被采納 +3 積分
2016-06-01

左右20+20

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

蛋痘痘提問者

非常感謝！

2016-06-14 回復(fù) 有任何疑惑可以回復(fù)我~

啊啊啊啊123
2016-06-16

padding能影響width？我個(gè)人覺得是老師為了排版好看

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

卡蘭尼克

是啊這個(gè)我也不理解為什么padding可以影響width

2016-10-10 回復(fù) 有任何疑惑可以回復(fù)我~

#2

啊啊啊啊123 回復(fù) 卡蘭尼克

學(xué)了這么久我懂了因?yàn)閜adding是內(nèi)邊距，你可以理解padding和內(nèi)容是一個(gè)整體的，如果一個(gè)div設(shè)置了width：100px，你再給這個(gè)div設(shè)置padding：20px，就相當(dāng)于向這個(gè)div里上下左右都增加了20px，這時(shí)候div就被撐大了width和height都變大了40px。還有一個(gè)情況就是在父div1下有個(gè)子div2，給定了父div1的width：100px卻沒設(shè)置子div2的width，你再向子div2設(shè)置padding：20px，卻不影響div2的width，div2不會(huì)撐出父div1。

2016-10-10 回復(fù) 有任何疑惑可以回復(fù)我~

#3

啊啊啊啊123 回復(fù) 卡蘭尼克

在以后的練習(xí)中，會(huì)更容易明白的

2016-10-10 回復(fù) 有任何疑惑可以回復(fù)我~