ホームページ > 記事 > ウェブフロントエンド > CSS-div高さ100%設定問題_html/css_WEB-ITnose
CSS-div高さ100%設定問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:33:33944ブラウズ
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%、つまり行全体です~
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。