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

11-9任务问题。

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

提问者:serebi 2016-01-05 19:53

个回答

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

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

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

  • 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,默认的优先满足上,左

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

    width:100px;
        height:100px;

    因为设置了盒子的宽、高