菜单 DIV 未获得 window 的 100%

Question

我的移动布局网站 (max-width: 767px) 有一个折叠菜单，如您所见 here

但之前是 window 的 100%，现在已经满了 width。

我的 CSS 折叠菜单是：

.navbar-collapse {
    max-width: 100% !important;
    background: #cfcfcf;
    float: left;
    position: absolute;
    top: 70px;
    left: 0;
    padding: 0 15px;
    z-index: 999;
    margin-top: -5px;
}

知道是什么原因导致了这个 "bug" 吗？

Answer 1

.navbar-collapse 元素的父元素的宽度为零。设置width:100%；在它的父元素 (#ItensMenuFixoTop) 上，它应该被修复。将宽度设置为百分比将相对于项目的父级，而不是 window.

菜单 DIV 未获得 window 的 100%

Menu DIV not getting 100% of the window

html

css

width

navbar