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

关于margin和padding

听完之后，我瞬间不明白margin和padding是什么了？他们的区别在哪里呢?为什么加padding值之后就出现花边了呢？

qq_良药苦口_0

2015-09-17

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

关注问题我要回答

605

操作

收起

5 回答

定点攻击
2015-10-13

盒子分为5个层，第一层是边框border,第二层是内容，第三层是padding内边距，第四层是背景图，第五层是背景色，当你没有设置padding时，内容的大小就是盒子的大小，背景图在不设置大小时，填满盒子的，如果图片不够大就会重复，直到填满为止，当设置了padding时，盒子的大小就是内容加上padding的面积，背景填满，自然就看见了，你可以设置一下内边距为padding:1px 20px 200px 30px;下内边距变大，图片重复填满。