ホームページ > ウェブフロントエンド > htmlチュートリアル > div の高さを画面解像度に合わせる方法を教えてください_html/css_WEB-ITnose

div の高さを画面解像度に合わせる方法を教えてください_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:37:38
オリジナル
1349 人が閲覧しました

写真は常にアップロードに失敗します。簡単に言えば、これら 2 つの div の高さを現在の画面の解像度に合わせて自動的に画面いっぱいにするにはどうすればよいですか?ありがとう!


ディスカッションに返信(解決策)

<html> <head> <style type="text/css">*{padding:0;margin:0;}.container{height:100%}html,body{height:100%;width:100%}.l{width:20%;background:#333;float:left;height:100%;}.r{width:80%;background:#666;float:right;height:100%;}</style> </head> <body> <div class="container">	<div class="l">dfsf</div>	<div class ="r">rrr</div> </div> </body> </html>
ログイン後にコピー

height:100%

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート