11-9任务问题。

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

serebi

2016-01-05 19:53

输入padding:10px; 后,“盒子1”和border的四周填充距离应该都是10px才对吧,为什么显示出来的效果不是这样,而是只有"上""左" 两边满足条件?

写回答 关注

4回答

  • 不劳虎
    2016-02-11 04:33:34
    已采纳

    是的。截个图对比一下就清楚了。

    看上去“而是只有上、左 两边满足条件”是因为左上角有汉字作为视觉参照物,而右下角什么都没有

    serebi

    非常感谢!

    2016-02-14 13:59:11

    共 1 条回复 >

  • serebi
    2016-01-05 21:02:32

    是不是这么理解:width:100px height:100px只是设定了BOX里内容的“范围”,现在内容只有“盒子1”这三个文本,其实整个“范围”已经满足和border的四周padding值都为10px了,但是现在由于内容没有完全填满所以看不到这样的效果?

    求大神指点啊


  • weibo_墨韵留香__0
    2016-01-05 20:03:34

    “盒子1”是内容,因为你设置了元素盒子width:100px height:100px,默认的优先满足上,左

    serebi

    可是width和height不是内容的宽度和高度嘛,现在的内容是“盒子1”和padding完全不冲突啊

    2016-01-05 20:45:37

    共 1 条回复 >

  • 努力提升
    2016-01-05 19:59:37

    width:100px;
        height:100px;

    因为设置了盒子的宽、高

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

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

1225806 学习 · 18234 问题

查看课程

相似问题