css - 没有浮动元素的两列布局？

Question

如何在不使用浮动的情况下并排放置 div？我问是因为我读过几次我不应该使用浮点数。或者在这种特殊情况下，浮动仍然是定位元素的最佳方式？

Answer 1

http://jsfiddle.net/9LaJt/

你应该看看：

display: inline-block

正如马克所说，为了避免基线对齐：

vertical-align: top

Answer 2

你有几个选择...

• 绝对定位 COL1 宽度：50% 左侧：0% COL2 宽度：50% 左侧：50%
• 固定定位“与上面相同，但会干扰滚动”
• 表格布局，即使纯粹主义者会抗议，它也会正常工作