私のプロジェクト サイトのフロント ページでは、下の図に示すように div を設定しようとしています。しかし、必要な結果を得ることができませんでした。親切に助けてください。
メインの div (黒枠) の幅は 910px です。Div-1、2、5 は同じ幅の 900px です。ただし、Div-3 と Div-4 は、コンテンツ ページとサイドバーであるため、異なります。Div-3 は幅 635 ピクセル、Div-4 は幅 255 ピクセルです。Div-3 は、上の図に示すようにさらにサブ div に分割されます。すべての div の高さは Auto にする必要があります。
CSS と HTML を設定するにはどうすればよいですか?
いくつかの div が水平方向に隣り合っている場合は、フロートを使用する必要があります (この場合、div 3 と 4、およびすべての div 3 サブディビジョン)。これは、あなたを大いに助ける素敵な小さなチュートリアルです。
高さが可変の列の場合、絶対配置は機能しないため、別の解決策を考えてみましょう。
要素を「フロート」して、可能な限り右または左にプッシュし、テキストをその周りに折り返すことができます。これは通常、画像に使用されますが、より複雑なレイアウト タスクに使用します (これが唯一のツールであるため)。
編集
その他のチュートリアル: http://www.html.net/tutorials/css/lesson13.phpおよびhttp://www.tizag.com/cssT/float.php。
display: inline-block;同様の結果を得るために、 を試してみることもできます。
あなたはコードをよく説明しており、レイアウトは明確です。それでいいです。しかし、何が失敗していますか？DIV-3ですか？それは問題のように思えるからです。これに対処する方法は<div>、DIV-3.2、DIV-3.3、DIV-3.4、および DIV-3.6、DIV-3.7 のマルチ DIV 行の周りにラッパー要素を追加することです。そうすれば、これらの小さな要素は、簡単に積み重ねることができる独自の行に存在します。
別の問題がある場合は、投稿またはコメントを編集してください。
