Question

我很难理解为什么在这种情况下百分比的使用不起作用：有人可以启发我吗？

#wrapper{
    position:relative;
    width:90%;
    height:90%;
    background-color: black;
}

HTML：

    <body>
        <div id="wrapper">

        </div>
    </body>

Answer 1

你确定你也放了这个CSS代码吗？

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

Answer 2

宽度将占父容器的百分比。如果没有在body元素上设置宽度，则宽度为0.要解决问题：

body {width:100%;}
#wrapper {width:90%}

这会导致屏幕总宽度的90％。