一列中的Div对齐，但会立即向下移动另一列

Question

我的网站有一个2列布局工作正常，直到我添加了2个跨越100％右列的框。 （关于我和联系我们框）当我这样做时，左栏中的内容被推到了底部。

我有点理解（我认为）它为什么会发生。我认为我的数学在某处，并且它迫使左栏降低。要么与块内联有关，要么与内联有关。

这就是它的样子：

http://test.completesources.com/fitnesspro/

右边的一切都很完美。但左边栏内容应位于页面顶部。

这是我的代码：

http://jsbin.com/tucuha/edit?html,css,output

我真的以为自己可以得到最后一点，但我还没有一个起点让侧边栏回来。

再次感谢！

Answer 1

您需要将.col2包裹在.colleft内，因为它会因为块级元素行为而向下移动。

<强>输出：

JSbin