2013-01-16 204 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实现表行为的满意感。 –