css - CSS Div 被下推

Question

几天来，我一直在为 WordPress 开发我的第一个子主题，并且除了一件事之外，几乎所有东西都按预期工作。

[http://stevefleming.co.uk/blog/][1]

我已经在 Fire Fox 和 Chrome 中进行了测试，右侧的“小部件”div 被推到下面。它没有发生在其他页面上，是的，我确实自定义了页面。我看过一个工作的，然后是这个页面，看不到任何明显的区别。

希望有人能在我失去理智之前提供帮助。

谢谢

史蒂夫

Answer 1

只需将您#sidebar的#main放在标记中，以便它的浮动影响主要部分。

<div id="sidebar">
</div>
<!-- /#sidebar -->

<div id="main">
</div>
<!-- /#main -->

Answer 2

将“float：left”添加到您的 main 中，使其看起来像：

#main {
width: 620px;
float: left;
}