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