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

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;
}