Question

结构：

#main {}

#content-wrap {
  width: 100%
}

#sidebar-wrap {
  float: right;
  width: 300px;
}

<div id="main">
  <div id="content-wrap"></div>
  <div id="sidebar-wrap"></div>
</div>

我们的想法是让内容文本环绕不那么高的侧边栏。主题默认为两个并排容器，内容设置为70％宽度。我将该宽度更改为100％以尝试换行，但驱动侧边栏下方的内容。

尝试了isplay: visible clear: both，但没有任何效果。我也尝试了vertical-align: top，但也没有做任何事情。

Answer 1

你可以添加

div#content-wrap {float: left;}

给你的CSS。我不确定你是否想要浮动内容面板，但在某些时候你需要

clear: both; -- or clear left/right depending on what you are wanting to happen

其他对象确认它们的存在（即脚注附着在底部）。

Answer 2

<div id="main">
<div id="content-wrap">
    <div id="sidebar-wrap"></div>
    content-wrap content goes here
</div>
</div>

应该这样做