ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS+DIV レイアウト_html/css_WEB-ITnose
CSS+DIV レイアウト_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:34:43914ブラウズ
#Layer1 { position:absolute; width:98%; height:1091px; z-index:1; left: 35px; top: 10px;} は CSS を使用してレイヤー幅をブラウザ全体の幅の 98% に制御したいと考えていますが、これは不可能のようです。何か方法はありますか?
ディスカッションに返信(解決策)
ブラウザの clientWidth からスクロール バーの幅の 98% を引いたものということでしょうか?
<!doctype html><html><head><meta charset="utf-8" /><title>宽度百分比</title><style type="text/css">*{ margin:0; padding:0;}#Layer1 { position:absolute; width:98%; height:1091px; z-index:1; left: 35px; top: 10px; background:blue;}</style></head><div id="Layer1"></div><body></body></html> なぜ絶対パスを使用するのでしょうか?
body{margin:0 auto;}
#Layer1{width:98%; margin:0 auto;}
元の投稿者は、問題が見つかった場所にデモをコンパイルして投稿しました。
投稿者は、問題が見つかったデモを編集して投稿しました。 すみません、IDを間違えたかも知れませんが、1階のコードによると、横幅が画面全体の98%を占めることは認識できるのですが、中央に表示することができません。つまり、右側に2%の空白がある
<!doctype html><html><head><meta charset="gbk" /><title>宽度百分比</title><style type="text/css">*{ margin:0; padding:0;}#Layer1 { margin:0 auto; width:98%; height:1091px; background:blue;}</style></head><div id="Layer1"></div><body></body></html> これはどういう意味ですか？
HTML コード
100db36a723c770d327fc0aef2ce13b1
ab705a884915a7dda8bcdaf34d264d8a
3f733866a0948ce6c04ac0ecbccd4638
*{
margin:0;
padding:0; }
#Layer1 {
margin:0 auto; 1 番目と 5 番目、ありがとうございます床。問題は解決しました
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。