无法在WordPress主题中获取文本环绕侧边栏容器

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>

应该这样做

见http://jsfiddle.net/tvmSV/2/