CSS+DIV レイアウト_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:34:43
オリジナル
863 人が閲覧しました

#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 コード



<スタイル タイプ="text/css">
*{
margin:0;
padding:0; }

#Layer1 {
margin:0 auto; 1 番目と 5 番目、ありがとうございます床。問題は解決しました

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート