div的内容显示,但不是div“框”

时间:2013-03-14 03:17:11

标签: html css wordpress wordpress-theming

在我的wordpress构建网站上,有一个响应式主题子主题,有一个包含小部件的div。 小部件及其内容显示正常,但“包装”div没有显示我通过CSS设置的内容。如果我使用萤火虫,我可以看到div出现在与另一个div“特色”相同的位置,但显然是在它背后。好吧,我需要它在下面。

该网站为http://thelawcompany.com.au

问题div是<div id="widgets" class="home-widgets">。我希望我在CSS中声明的背景和顶部边框出现在小部件后面。此外,小部件下面还有一个巨大的差距,我似乎无法摆脱它。

1 个答案:

答案 0 :(得分:2)

因为#featured元素已浮动。

解决方案是通过添加类widgets

来浮动grid

演示:ProblemSolution

<div id="widgets" class="home-widgets grid">