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