2012-09-26 22 views
0

我应该知道如何做到这一点,但脑死了,卡住了!无法让文字环绕WordPress主题中的侧边栏容器

结构:

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

CSS:

#main {} 

#content-wrap { 
width: 100% 
} 

#sidebar-wrap { 
float: right; 
width: 300px; 
} 

的想法是获取内容的文字环绕不那么高大侧边栏。 主题默认为两个并排容器,其内容宽度设置为70%。我将该宽度更改为100%以尝试换行,但将边栏放在内容下方。

已尝试“显示:可见”,“清除:两者”均无效。试过“vertical-align:top”什么都不做。

我错过了一些东西。帮助赞赏!

回答

0

您可以添加

div#content-wrap {float: left;} 

到你的CSS。我不知道,如果你想浮在内容面板与否,但在某些时候,你需要

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

为其他对象确认其存在(即让一个页脚重视底部)。

+0

内容缠绕浮动现在离开了。我尝试了两种方法。我现在认为在CSS中必须有更高的格式才能影响小问题。另外,你看到的大多数WordPress网站都没有做我想做的事情,所以我想知道这是什么:) –

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/

+0

好吧,这将涉及编辑主题的PHP文件,因为结构需要改变?我已经做了一些PHP编辑,但这超出了我。如果有必要,我不介意盗用主题。当然,会杀死更新的主题,但没关系。稍后会回来,并在今天的其余时间! –

+0

或者,如果您只能移动#sidebar-wrap _above_#content-wrap,那也可以工作 - [link](http://jsfiddle.net/tvmSV/3/) - 并且可能会更简单黑客攻击。 – Schema

+0

酷!任何想法什么文件需要被黑客攻击? page.php文件?我限制在PHP。我注册了侧边栏,添加了徽标等,但就是这样。谢谢! –