html - DIV 不会对齐，被推到内容下方

Question

我在 http://edge.directiongroup.co.uk/ 建立了这个网站在主页上，您可以看到正确的 div 类“.sidebar”被以某种方式向下推。

在另一页上 http://edge.directiongroup.co.uk/content-marketing/没有问题。

这似乎是由主页上的#edge_header 引起的，但我不知道我需要更改什么才能使正确的 .sidebar div 在两个页面上都正确定位。

似乎导致问题的#edge_header 的 CSS 在这里:-

#edge_header {
background: url("images/edge_header.png") no-repeat scroll center bottom rgb(255, 255, 255);
width: 618px;
height: 318px;
float: left;
}

堆栈溢出通常是最后的手段，为此向你们提问，有人可以帮忙吗？

谢谢!

Answer 1

您需要将 .sidebar 放在 HTML 中的 .edge_header 之前，例如

http://linenwoods.com/images/capture.png