html - 无法在 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了，它什么也没做。

score 0 · Accepted Answer

你可以添加

div#content-wrap {float: left;}

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

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

让其他对象承认它们的存在（即，使页脚附加到底部）。

score 0 · Accepted Answer

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

应该这样做

2 回答 2