响应式菜单中的子菜单不会按下菜单

Question

我正在使用带有Bootstrap主题的Wordpress，而且响应式菜单存在问题，我需要一些帮助。

问题是子菜单浮动在菜单上而不是向下推。我想这是因为子菜单是浮动的（浮动：左）但是我尝试的任何东西都不能解决问题。

HTML：

<div class="navbar-collapse navbar-header-collapse in">
    <ul class="nav navbar-nav navbar-right">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-90">
            <a title="Foo" href="#" data-toggle="dropdown" class="dropdown-toggle">Foo       
            <span class="caret"></span></a>
            <ul role="menu" class=" dropdown-menu">
                // more li elements
            </ul>
        </li>
    </ul>
</div>

CSS来自Bootstrap，如果我把它放在这里，这将非常耗费空间。 如果您需要更多代码，请发表评论并尝试具体。

提前致谢！

Answer 1

那是因为缺少布局。尝试将overflow:hidden添加到浮动元素的父级

尝试一些此规则。使用只有一个

zoom:1; /*not a valid*/
height:1%;
display:inline-block;
element:after {
    content:'';
    display:block;
    clear:both;
}