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

padding问题

完成任务之后，为什么那文字是在左上方呢？这样的话padding-right就不只10px了呀，为什么呢？

MOOC风信子

2017-02-08

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

关注问题我要回答

1262

操作

收起

7 回答

wallace_lai
2017-02-20

可能看这个图有点奇怪，因为看起来上边界要比下边界宽，右边界比左边界宽。但它们都是10px。造成外观不一样的应该是浏览器的问题，比如，这个html在IE浏览器中显示时，它们的上下边界和左右边界的宽度不一样的情况就反了过来，变成了下边界比上边界宽。换个浏览器显示的结果就可能不同

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

收起回答

wallace_lai
2017-02-20

楼上White夏天说的是正解，给你截个图，不知你看懂了没有

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

收起回答

White夏天baby
2017-02-19

我三天前跟你一样的问题，不懂。刚刚搞懂了，<div id="box1">盒子1</div>中的“盒子1”并没有占满内容的全部，内容的width与height都是100px,但是“盒子1”的width与height都没有100px,所以那个内容是不满的。你只要在<div id="box1">盒子1</div>中的“盒子1”后面多打几个字就明白了。其实内容距离边框上下左右都是10px。

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

收起回答

自律者自由

我在盒子1 后面打了3个字，我还是没搞懂？为什么不是垂直居中？

2017-10-28 回复有任何疑惑可以回复我~