Меню DIV не получает 100% от окна

Question

Моего сайта в мобильном макете (max-width: 767px) имеет меню коллапса, как вы можете увидеть here

Но до этого было 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; 
} 

Любая идея о том, что могло бы вызвать это «ошибка»?

Answer 1

Родитель элемента .navbar-collapse имеет ширину нуля. Ширина установки: 100%; на его родительский элемент (#ItensMenuFixoTop), и он должен быть исправлен. Установка ширины в процентах будет относиться к родительскому элементу элемента, а не к окну.