没有浮动元素的双列布局?

dev*_*kah 11 css css-float semantics

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

Raf*_*ael 17

http://jsfiddle.net/9LaJt/

你应该看看:

display: inline-block
Run Code Online (Sandbox Code Playgroud)

正如马克所说,为了避免基线对齐:

vertical-align: top
Run Code Online (Sandbox Code Playgroud)

  • 内联元素_default_到基线垂直定位.你可以设置vertical-align:top; http://jsfiddle.net/rFwtv/3/ (6认同)

Lou*_*cci 0

你有几个选择...

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