从四列调整为两列(响应)时,我的布局混乱?

时间:2014-06-28 16:28:09

标签: html css

我布局如下:

enter image description here

当我调整为两栏时,我遇到了一个新问题:

enter image description here

我不想在列中添加高度。我该如何解决这个问题。感谢

2 个答案:

答案 0 :(得分:1)

您的布局看起来像float框的典型用途。

如果您放弃float display:inline-block;inline-table;,则无论各自height vertical-align:top;/* or any other value you need */如何,您的方框都会换行。

您可以使用以下代码调整布局:{{1}}

答案 1 :(得分:0)

将float:left应用于各个块。