html - 为什么纯粹的百分比包装器不起作用？

Question

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

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

HTML：

    <body>
        <div id="wrapper">

        </div>
    </body>

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

这导致 div 占屏幕总宽度的 90%。

2 回答 2