ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS+DIV の幅と高さの適応問題_html/css_WEB-ITnose

CSS+DIV の幅と高さの適応問題_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:44:22
オリジナル
864 人が閲覧しました

CSS HTML レイアウトの相対位置

本文を除いて、一番外側の幅: 80% と高さ: 80% が画面の 80% を占めるように設定されていないのはなぜですか。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">  .div1{    width:80%;    height:80%;    background:blue;    border:1px solid black;  }  .test{    width:80%;    height:80%;    background:red;    border:1px solid yellow;  }  </style><title>流体定位布局2</title></head><body><div class="div1">  this is a test   <div class="test">  this is a second test  </div>  aaaa </div></body></html>
ログイン後にコピー

そこで、width:80%をwidth:500pxに変更すると、対応する比率が有効になります。 ...

考えられる理由:
1. 本体の幅と高さが定義されていないため、本体の 80% を取得することは不可能です。
2. 非標準の HTML はパーセンテージを認識せず、標準的なものは xhtml です。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート