Saya mahu elemen ini meliputi 100% ketinggian skrin, nampaknya ia tidak melakukan itu, adakah terdapat sebarang penyelesaian? Saya melihat bahawa ketinggian div adalah 100% daripada bahagian, dan ketinggian bahagian adalah 100% daripada badan, manakala badan ditetapkan kepada 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%;
}
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Gunakan kod ini sebagai badan:
body { height: 100vh; }