                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

为什么初学者中，在padding值设置为20的时候，div的宽要相应减少40px呢

05:23

蛋痘痘

2016-06-01

源自：网页简单布局之结构与表现原则 2-1

关注问题我要回答

2049

操作

收起

2 回答

qq_慕姐5495388 回答被采纳 +3 积分
2016-06-01

左右20+20

0 回复有任何疑惑可以回复我~

收起回答

蛋痘痘提问者

非常感谢！

2016-06-14 回复有任何疑惑可以回复我~

啊啊啊啊123
2016-06-16

padding能影响width？我个人觉得是老师为了排版好看

1 回复有任何疑惑可以回复我~

收起回答

卡兰尼克

是啊这个我也不理解为什么padding可以影响width

2016-10-10 回复有任何疑惑可以回复我~

啊啊啊啊123 回复卡兰尼克

学了这么久我懂了因为padding是内边距，你可以理解padding和内容是一个整体的，如果一个div设置了width：100px，你再给这个div设置padding：20px，就相当于向这个div里上下左右都增加了20px，这时候div就被撑大了width和height都变大了40px。还有一个情况就是在父div1下有个子div2，给定了父div1的width：100px却没设置子div2的width，你再向子div2设置padding：20px，却不影响div2的width，div2不会撑出父div1。

2016-10-10 回复有任何疑惑可以回复我~

啊啊啊啊123 回复卡兰尼克

在以后的练习中，会更容易明白的

2016-10-10 回复有任何疑惑可以回复我~