質問: いつも勉強させて頂いております。 サイト制作時のレイアウトの配置についての質問です。 コーポレートサイトなどでもよくある下記画像のようなデザインの場合 色々な実装の仕方があるかと思います。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/afe9da9bfea97bcff42a21553658e729.jpeg) この場合どのようにhtml、cssを書くのが正しいのでしょうか? 私が思いつくのはリストにしfloatさせてそれぞれを配置するという方法ですが、 より適している方法を教えてください。 よろしくお願い致します。
回答: そっすね、対応ブラウザが一般的なものすべて、バージョン指定特になし、なら、 `float: left;`とclearfixをつかっていけると思います。 ただ、リストにする必要はないと思うので、普通に`div`で良いかもしれないすよ。 全体のマージン、パディングに気をつけて最大幅をはみ出ないようにしてみてください。 ちなみにこの方法は一世代前のレガシーなcssになりますが、古いブラウザも対応となるとこの方法が一番安全ですね。 同じレガシーの手法を説明してる本として、こちらが参考になるかもしれません。 HTML&CSS 標準デザイン講座【HTML5&CSS3対応】