                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

[盒子填充]这个11-9中的任务，使用padding:10px后效果为什么显示在左上角

div默认的宽度应该是整行，默认高度是多少?

这样定义padding:10px,貌似实际只满足了上和左两个方向，是不是四个方向不能同时满足，只满足这两个方向？

steve_samuelson

2015-12-10

源自：初识HTML(5)+CSS(3)-升级版 12-12

关注问题我要回答

1099

操作

收起

3 回答

懒懒萌萌的回答被采纳 +3 积分
2015-12-10

显示在左上角不是padding的效果，而是html代码默认的就是从显示器的左上角开始显示，而整个HTML文档只有一个div元素，当然就显示在左上角了。div的默认宽度和高度都是根据里面包裹的内容来决定的，内容多宽多高div就多宽多高，当然，所有元素默认的都会有内外边距，所以div的宽（高）=内容的宽（高）+各自的内外边距。本例中的padding是div的边框与内容“盒子1”四周的距离。希望能帮到你！