输入padding:10px; 后,“盒子1”和border的四周填充距离应该都是10px才对吧,为什么显示出来的效果不是这样,而是只有"上""左" 两边满足条件?
是的。截个图对比一下就清楚了。
看上去“而是只有上、左 两边满足条件”是因为左上角有汉字作为视觉参照物,而右下角什么都没有
是不是这么理解:width:100px height:100px只是设定了BOX里内容的“范围”,现在内容只有“盒子1”这三个文本,其实整个“范围”已经满足和border的四周padding值都为10px了,但是现在由于内容没有完全填满所以看不到这样的效果?
求大神指点啊
“盒子1”是内容,因为你设置了元素盒子width:100px height:100px,默认的优先满足上,左
width:100px;
height:100px;
因为设置了盒子的宽、高