我希望這個元素覆蓋螢幕高度的100%,顯然沒有這樣做,有什麼解決方法嗎? 我看到div的高度是section的100%,而section的高度是body的100%,而body被設定為100%。
<body> <section id="Block1"> <div class="firstsection"> <h1>Lorem Ipsum</h1> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nemo magnam iusto quibusdam quas reiciendis fugit architecto consequatur similique distinctio dolore repudiandae rem illo alias iure sunt eos culpa, amet consectetur!</p> </div> </section> </body>
CSS
body { width: 100%; height: 100%; } * { padding: 0px; margin: 0px; } .firstsection { width: 50%; height: 100%; background-color: yellowgreen; text-align: center; } #Block1 { width: 100%; height: 100%; }
使用此程式碼作為body: