ホームページ >ウェブフロントエンド >htmlチュートリアル >パーセンテージ問題_html/css_WEB-ITnose

パーセンテージ問題_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:31:531037ブラウズ

.login_wrapper div はパーセンテージを使用して表示できます

<html><head><title></title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"></div></body></html>

以下の DOCTYPE ステートメントでは表示できません。なぜですか?
<html><head><title></title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"></div></body></html>


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

<!doctype html><html><head><title>this is open lab</title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"> </div></body></html>

<!doctype html><html><head><title>this is open lab</title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"> </div></body></html>


知りたいなぜ宣言があると宣言なしと同じように表示できません

ブラウザブラウザの動作モードは異なり、一部のエラーの処理も異なります。最善の方法は、常に標準の記述方法を使用し、何も失わないことです。いくつかのエラーの処理も異なります。 最良の点は、常に標準的な書き方を使用し、3 つと 4 つを捨てないことです。

レイアウトにはパーセンテージを使用したいと考えています。 bodyタグのwidthとheightを100%、divでwidthとheightを両方とも50%にし、宣言が無い場合は背景は表示されません。 FF42.0やIE8では表示されるのですがなぜでしょうか?宣言時にパーセントレイアウトを使用するにはどうすればよいですか?

あなたの声明によると、Doctypeを追加した後はパーセンテージレイアウトを実現できませんか?なんとも!


コードを投稿してください


あなたの声明によると、Doctypeを追加した後はパーセンテージレイアウトを実現できませんか?なんとも!

あなたのコードを投稿してください

上記の状況がなぜ起こるのか知りたいだけです、レイアウトに関しては、何があってもあなただけがそれを行うことができます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。