沒有浮動元素的雙列布局？

我怎麼能不使用浮動並排放置的div的一面呢？我問，因爲我讀了幾次，我不應該使用浮動。或者在這種特殊情況下，浮動仍然是定位元素的最佳方式？沒有浮動元素的雙列布局？

2013-02-20 devotchkah

對於總體佈局的目的，彩車是創建列的最簡單，最安全的選擇。對於數據網格和HTML電子郵件，表格是創建列的適當方式。除此之外，這是一個你在每種情況下的具體需求的問題。 – 2013-02-20 20:48:05

你有幾個選項...

2013-02-20 15:18:25

第一個選項似乎工作，但現在我面臨另一個問題。這兩個div在一個具有固定寬度和填充的包裝div裏面。絕對定位殺死填充 – devotchkah 2013-02-20 16:03:46

@devotchkah - 您可以爲與外部包裝填充相匹配的絕對div添加空白左邊界和空白右邊界。 – 2013-02-20 19:18:41

是的，我相信會有效果，但我向包裝添加了填充，所以我不必爲其他div添加邊距或填充，你知道嗎？ – devotchkah 2013-02-20 20:41:30

你應該看一看：

display: inline-block

正如馬克說，爲避免基線aligment：

vertical-align: top

2013-02-20 20:27:02 Raffael

真棒！但看看我添加一些內容會發生什麼http://jsfiddle.net/xvcDT/ – devotchkah 2013-02-20 20:38:57

內聯元素總是位於行的底部。您可以手動設置高度。 – Raffael 2013-02-20 20:44:05

內聯元素_default_到基線垂直定位。你可以設置vertical-align：top; http://jsfiddle.net/rFwtv/3/ – Mark 2013-08-01 02:27:12

回答