一列中的 div 对齐，但立即将另一列向下移动

Question

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

我有点理解（我认为）为什么会这样。我认为我的数学有问题，它迫使左栏降低。或者与块与内联有关。

这是它的样子：

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

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

这是我的代码：

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

我真的以为我可以自己完成最后一点，但我只是没有一个起点来将侧边栏移回。

再次感谢！

Answer 1

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

输出：

JSbin