沒有背景的等高柱

下面是一個示例代碼http://paste.ideaslabs.com/show/kmGATPRovx。如何讓第二個塊看起來像第一個在.front-content塊中有更多內容？最大的問題是.front-description底部邊界的位置。沒有背景的等高柱

來源

2010-08-18 Molfar

一個活的例子會好得多，讚賞，幫助我們來幫助你:) – Kyle 2010-08-18 08:45:00

你可以點擊「下載」並將其保存爲一個HTML文件;） – 2010-08-18 08:46:14

順便說一句，對於像兩個水平堆疊列，你也可以考慮使用'display：inline-block;'而不是'float：left;'，因爲它可以保持塊'佈局'並避免清除問題。 – 2010-08-18 08:49:05

我對「解決方案」的建議可以在here找到。這不是優雅的，但在瀏覽器（IE/FF快速測試），它看起來像我認爲你在尋找。我所做的是添加一個新的div.front包裝與所需的邊界底部和寬度爲25％和負邊緣頂部。我從div.front-description中刪除了border-bottom。然後，在「包裝」-div關閉後，我在類前包裝中放置了一個空div。

當然，前面的包裝有一個令人誤解的類名，因爲它沒有包裝任何東西，但是這就是我開始使用它的原因，但無法按需要使用它。所以重命名它。

來源

2010-08-20 06:32:05 pkauko

沒有背景的等高柱

回答

相關問題