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

11-9任务问题。

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

serebi

2016-01-05

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

关注问题我要回答

716

操作

收起

4 回答

不劳虎
2016-02-11

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

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

0 回复有任何疑惑可以回复我~

收起回答

serebi 提问者

非常感谢！

2016-02-14 回复有任何疑惑可以回复我~

serebi 提问者
2016-01-05

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

求大神指点啊

0 回复有任何疑惑可以回复我~

收起回答

weibo_墨韵留香__0
2016-01-05

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

0 回复有任何疑惑可以回复我~

收起回答

serebi 提问者

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

2016-01-05 回复有任何疑惑可以回复我~

努力提升
2016-01-05

width:100px;
height:100px;

因为设置了盒子的宽、高

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

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

参与学习 1225799 人
解答问题 18234 个

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

进入课程

本课相似问答

11 回答5-9,label标签的任务

5 回答关于任务de问题

3 回答任务上说写到第9行，我写到11行也有效果，这样有区别吗？

2 回答本节任务有些问题

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

搜索更多本课相关问答

11-9任务问题。

我要回答关注问题

热搜

最近搜索清空

11-9任务问题。

4 回答

本课相似问答

11-9任务问题。