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

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

steve_samuelson

2015-12-10 14:28

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

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

写回答 关注

3回答

  • 懒懒萌萌的
    2015-12-10 15:37:50
    已采纳

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

    懒懒萌萌的 回复steve_...

    能帮到你是我的荣幸,也是我技能的提高。

    2015-12-10 22:51:42

    共 2 条回复 >

  • echo_kinchao
    2015-12-10 16:30:51

    那是默认样式不管padding事

  • 暗蓝星光
    2015-12-10 15:37:07

    padding内留白 只针对自己的      与该元素在哪无关

    与它在哪儿无关

    margin 才是对外的 


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题