No.1ベストアンサー
- 回答日時:
「ウインドウサイズを変更しても、レイアウトが崩れないようにするため」ではないでしょうか?(^^;
divをdivで囲う理由は、色々ありますが、この場合ですと、
<div id="wrapper">
という大きなブロックと
<div class="a">
という、さっきのブロックの中にある一つのブロック
と、意味のあるブロック単位に明示的に分けていると考えられます。
この形ですと、<div id="wrapper">の中に、<div class="a">を複数設置したり、<div class="b">を併設したり、色々できますね。
両方width:900px;を指定しているのは、どっちか片方だけだと、デザインが崩れるブラウザもあるからです。両方指定しておけば確実ですね。
No.2
- 回答日時:
こんにちは
サンプルのでは余り関係ないですね(><)
例えば
<div style="width:100px;float:left;"></div>
<div style="width:100px;float:left;"></div>
というのがあったとすると
200px以上の幅があれば横に並べて置くことができて、それ以下だとレイアウトが崩れる。でも
<div style="width:200px;">
<div style="width:100px;float:left;"></div>
<div style="width:100px;float:left;"></div>
</div>
としたら200px以下でも崩れないというやつですよね?
200px以下のところに100pxのものを2つ入れようとしても無理ですよね?
そうした場合、上では100pxと100pxの2つに分けられるから無理に入れようとはせずに下にずらしてしまえって感じになるけど
下では200pxでまとめられているから分解できず、表示するには200px必要・・・しょうがないからスクロールバーでも出して無理やり入れてしまえって感じ・・・
言葉で説明しようと思うとどう説明すれば良いか分からないですけどイメージ的にはこんな感じで理解してもらえるでしょうか?
ようはそのサイズに入らないときに分解されてしまうのを防ぐ為に使用しています
この回答へのお礼
お礼日時:2008/01/24 11:49
自分の例は悪かったですね。すいません。
divで複数の区分を指定した場合ですね。
なるほど。サイズに入らないときに分解されてしまうのを防ぐためですか。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- PHP ランキングを表示する際の画像の大きさを固定することは可能でしょうか? <?php if ( has_ 1 2022/07/21 14:55
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLですCSSです 画像のように...
-
スタイルシートで画面を上下に...
-
大分類・中分類・小分類
-
CSS <div>の入れ子が反映さ...
-
htmlのstyleのposition:relativ...
-
フッター上部に謎の隙間
-
SafariでもBGMを流す方法という...
-
[CSS] 常にフッターは下部に表...
-
スクロール可能なチェックボックス
-
2つのDIVを中央と右に横並びに...
-
Ctrl+F(検索)の窓を出したいの...
-
文字をクリックしたら別の文字...
-
textareaで入力した文字を改行...
-
youtubeをHPに載せたいです。
-
チェックボックスの背景色って...
-
HTMLですCSSです この画像のよ...
-
Flickity で画像にリンクを貼る...
-
フッターの位置を一番下に表示...
-
MAX関数を使ってからLEFT JOIN...
-
javascriptで毎月替わる画像
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSS <div>の入れ子が反映さ...
-
フッター上部に謎の隙間
-
Ctrl+F(検索)の窓を出したいの...
-
【CSS】floatで左右に並べた...
-
css固定したフッターが本文と重...
-
HTMLですCSSです 画像のように...
-
htmlのstyleのposition:relativ...
-
HTMLですCSSです この画像のよ...
-
Flickity で画像にリンクを貼る...
-
画像の特定の座標にカーソルが...
-
チェックボックスの背景色って...
-
html スクロール要素を下から表...
-
レイアウトが崩れないようにす...
-
スクロール可能なチェックボックス
-
リンクで違うページの指定箇所...
-
オンマウス時に別画像を上に重...
-
フッターの下に隙間ができてしまう
-
スタイルシート(CSS)で、高さ...
-
かなり困っています。知恵を貸...
-
離れた場所にマウスオーバーで...
おすすめ情報