css - フローティング要素のない 2 列のレイアウト?

Question

floatを使用せずにdivを並べて配置するにはどうすればよいですか? フロートを使用してはならないことを何度か読んだので、私は尋ねています。それとも、この特定のケースでは、要素を配置するための最良の方法は float ですか?

Answer 1

http://jsfiddle.net/9LaJt/

あなたは一見する必要があります：

display: inline-block

マークが言ったように、ベースラインの調整を避けるために：

vertical-align: top

Answer 2

いくつかのオプションがあります...

• 絶対位置 COL1 幅:50% 左:0% COL2 幅:50% 左:50%
• 「上記と同じですが、スクロールに干渉します」という固定配置
• 純粋主義者が反対する場合でも、テーブル レイアウトは正しく機能します