我尝试了响应式CSS布局，但是“ top：50％”不能工作，而“ left：50％”可以。为什么会这样呢？
<div style="position:relative;top:0%;left:0%;height:100%;width:100%"> <div style="position:absolute;top:50%;left:50%;"> </div> </div>
定义父容器的尺寸，例如div：
<div style="border: 2px solid red;position:relative;top:0%;left:0%;height:200px;width:300px"> <div style="border: 2px solid green;position:absolute;top:50%;left:50%;height:50%;width:50%"> </div> </div>
要么
另一种方法是通过其顶部，底部，左侧和右侧属性来拉伸父容器（即div）。像这样：
<div style="border: 2px solid red;position: absolute;top: 0px;bottom: 0px;left:0px;right:0px;"> <div style="border: 2px solid green;position:absolute;top:50%;left:50%;height:50%;width:50%"> </div> </div>
