パーセンテージ問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

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

WBOY

リリース： 2016-06-24 11:31:53

オリジナル

1036 人が閲覧しました

.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を追加した後はパーセンテージレイアウトを実現できませんか？なんとも！

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

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