在父子盒子嵌套下，让子盒子居中的方式：
第一种方法：position， 使用定位，子绝父相，再left:50%，margin-left:负的盒子宽度的一半，这是最常用的方法
第二种方法：flex，弹性布局，让子盒子居中，但是样式要写在父盒子中，display:flex,just-content:center
第三种方法：在position基础上，把margin-left换成CSS3中的transform：translate(-50px)
第四种方法：在position的基础上，只保留子绝父相，然后在子盒子中加上margin:auto、left:0、right:0；
是整个网页滚动条的定位还是某个元素呢？元素定位的话是可以的。每个元素都具有自己的盒子，通过改变盒子的属性，对元素的展示效果是有影响的。比如改变盒子的display属性，效果很明显。
你可以考虑给 a 添加 style='padding-left: 50px' 或者给 b 添加 style='margin-left: 50px'
现在不推荐直接写 width=200, height=200px, 而是使用 style='width: 200px height: 200px'。
如果使用的是 Safari 或 Chrome 浏览器的话，可以打开“开发人员选项”，观察控制台，Chrome 里面是按 F12，然后在最左下角的一个放大镜拿来点一下，然后选中你的 b 或 a 就可以在右下角的观察它的 Metrics 里面是如何计算出尺寸的，另外，它上面还有当前生效的 style 是什么，还要把某些 style 划线表示这个规则的优先级不如另一个而被禁用了。通过这些你能更快地学习到底如何设置 CSS 才能达到你的效果。
