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

时间:2012-09-26 15:17:16

标签: html css wordpress containers textwrapping

结构:

#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,但也没有做任何事情。

2 个答案:

答案 0 :(得分:0)

你可以添加

div#content-wrap {float: left;} 

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

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

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

答案 1 :(得分:0)

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

应该这样做

请参阅http://jsfiddle.net/tvmSV/2/