2013-01-16 209 views
0

我使用純CSS而沒有任何JS工具包。問題是,我想有兩個獨立的div彼此相鄰。當第二個div破裂時,它不應該低於第一個。我認爲我的dabblet更好地解釋了這個問題;)周圍的包裝div始終與包含兩個div的大小相同,這一點很重要。兩個div彼此相鄰

http://dabblet.com/gist/4545815

我已經與浮動DIV1和DIV2向左試了一下。

回答

0

DIV1, DIV2 { 顯示:表細胞 }

是我的問題的解決方案:) 這是不夠的,如果只有DIV2具有表單元格屬性。分辨率可以在這裏找到: http://dabblet.com/gist/4545926

+0

將無法​​在IE7工作:) – Morpheus

+0

我知道你不應該使用表格佈局 - 我一直在做這個很長一段時間,並完全同意這種說法...但你會遇到其他問題,使用'display:table-cell',例如寬度擴展到適合內容...在這種情況下,您將需要「內部」div來約束寬度。爲什麼不直接使用標準表。這讓其他人知道你想要佈局的表格行爲。您通過使用DIV獲得的唯一一件事就是您使用DIV實現錶行爲的滿意感。 –