No.1ベストアンサー
- 回答日時:
こんなところで聞いたってまともな答えは得られない。
なぜ仕様書を確認しないのですか??4.3.3 パーセント値( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
6.1 指定値、算出値、実効値( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
8 ボックスモデル( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
10.2 内容の幅: 'width'プロパティ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
特に「10.1 "包含ブロック"の定義」
これだけの情報が絡むので、ここで説明しきれる内容ではありません。
bodyに幅を指定しても、その祖先にstaticでない参照すべき親コンテナブロックがないのですから無意味です。
html{margin:20px;position:relative;}
body{width:50%;margin:0 auto;}
仕様書だけはかならず目を通しておきましょう。そうしないとつまらないところで足踏みしてしまう。
<body style="background:red;width:100%">
aaaa
</body>
こんなHTMLはありえません。こんなことしてるとだめです。bodyにはブロック要素しか置けません。
<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
それがないため、ブラウザは匿名ボックスを作ってしまいます。そうすると、スタイルシートがうまく機能しなかったり・・
⇒メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。.( http://jigsaw.w3.org/css-validator/#validate_by_ … )
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストボックス内にハイパー...
-
bodyにidをつける理由は何ですか?
-
テキストをクリックすると答え...
-
WEB上で編集できない、スク...
-
DOCTYPE宣言をするとstyleが適...
-
<a href="#" …>の意味を教えて...
-
別ページのインラインフレーム...
-
特定のページから移動してきた...
-
別ファイルのfunctionの読み込み方
-
Google scriptについて 至急scr...
-
getElementsByNameで要素が取得...
-
javasprictの構文について
-
bodyタグのfocus
-
JavaScript でキーを送る
-
onbeforeunload時のwindow.open...
-
変数の代入値を外部の.txtファ...
-
showModalDialog内でのページ遷移
-
html javascript 作った配列を...
-
javascriptでbgmを自動再生する...
-
<aタグで変数に文字を代入
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
テキストボックス内にハイパー...
-
別ページのページ内リンクでの...
-
ハイパーリンクに下線を表示す...
-
ページの読み込みが完了してか...
-
横スクロールを右から左へ・・・
-
Chromeがiframe内の「#~」に釣...
-
ページによって表示位置がずれ...
-
"mailtoでメールの【氏名】【性...
-
bodyにwidth:100%をつける理由は?
-
iframeのsrcにページ内リンク(...
-
スクロールバーのスクロール量...
-
ボタンが押されたらWebページの...
-
h1にmarginを指定すると一瞬カ...
-
ホームページ上に『位置固定』...
-
htmlで任意の行の文字位置を右...
-
テキストをクリックすると答え...
-
googleマイマップとのリンクを...
-
-css- ページオープン時やリロ...
おすすめ情報