Html DIV不对齐，被向下推到内容下方

我在主页上建立了这个网站，你可以看到右边的div类。侧边栏不知怎么被按下了

在另一页上没有问题

这似乎是由主页上的edge_标题引起的，但我不知道需要做哪些更改才能使其正确。侧边栏div在两个页面上的位置都正确

导致问题的edge_头的CSS如下所示：-

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

堆栈溢出通常是最后的手段，通过一个问题交给你们，有人能帮忙吗

---

谢谢

看起来这与浮动的设置方式有关-将侧边栏向下推的edge_header div我将其设置为显示：无，问题就消失了。尝试将边缘标题放入主内容div？

看起来它与浮动的设置方式有关-将侧边栏向下推的边缘标题div我将其设置为显示：无，问题就消失了。尝试将边缘标题放入主内容div？

您需要在HTML的.edge_标题之前放置.sidebar，例如

您需要在HTML中的.edge_标题之前放置.sidebar，例如

您的核心内容中似乎有这样的结构：

<div class="edge_header"></div>
<div class="main_content"></div>
<div class="sidebar"></div>

让这些元素与其他元素类似地浮动。这样，主包装中的内容将与侧栏包装中的内容隔离

我之所以喜欢这种方式，是因为它可以在调试内容时以可读的方式保持内容的语义流动。根据我的经验，这种包装技术在解决跨浏览器/平台兼容性问题时效果良好。

您的核心内容中似乎有这样的结构：

<div class="edge_header"></div>
<div class="main_content"></div>
<div class="sidebar"></div>

让这些元素与其他元素类似地浮动。这样，主包装中的内容将与侧栏包装中的内容隔离

---

我之所以喜欢这种方式，是因为它可以在调试内容时以可读的方式保持内容的语义流动。根据我的经验，这种包装技术在解决跨浏览器/平台兼容性问题时效果良好。

如果将宽度缩小，是否解决了问题？你也可以发布侧边栏的代码吗？只有在有空格的情况下，它才会向左浮动，你的示例需要618px的空格，而其他元素甚至没有使用空格。您是否尝试过更改html元素的顺序？是否使用浏览器工具检查其邻居使用的空间？问题可能与兄弟姐妹有关。你能发布兄弟姐妹的css吗？如果你把你的宽度变小了，这能解决问题吗？你也可以发布侧边栏的代码吗？只有在有空格的情况下，它才会向左浮动，你的示例需要618px的空格，而其他元素甚至没有使用空格。您是否尝试过更改html元素的顺序？是否使用浏览器工具检查其邻居使用的空间？问题可能与兄弟姐妹有关。你能发布兄弟姐妹的css吗？我也这么做了。说明：由于您的边栏是向右浮动的，而其他div是向左浮动的，所以这不是问题，除非您希望边栏在源代码中位于最后，在这种情况下，将标题和内容包装到另一个浮动的div中将允许您这样做。我刚才也做了同样的事情。说明：由于侧边栏是向右浮动的，而其他div是向左浮动的，所以这不是问题，除非您希望侧边栏在源代码中排在最后，在这种情况下，将标题和内容包装到另一个浮动的div中将允许您这样做。