div の一般的に使用される属性は width と height です。div の高さを画面全体の高さにする必要がある場合、height: 100% を設定しても効果がないことがわかります。設定は間違っていますが、これは w3c 仕様にあります。以下に示すように、パーセンテージの設定は親要素に対して相対的です。 div が画面全体をカバーするようにする必要があり、親要素、つまり html と body の高さを設定する必要があります:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>博客园-FlyElephant</title> <style type="text/css"> .parent { background: red; height: 100%; } </style></head><body> <div class="parent"> 博客园-FlyElephant </div></body></html>高さは親要素を基準にしていますが、HTML レベルの要素のデフォルトの幅ですは 100%、つまり行全体です~
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
