Как сделать ширину элемента списка как ширину тела, а не ширину контейнера

Question

Привет, я пытаюсь установить ширину элемента списка в ширину браузеров, когда я устанавливаю ширину до 100%, тогда она принимает ширину родителя, но я хочу чтобы ширина всего браузера была равна ширине этого списка.

я использовал следующий код для дочернего элемента из элемента списка DIV

 .submenu { 
     position: absolute; 
     left: 0; 
     right: 0; 
     background: #ddf0f9; 
     border-bottom: 5px solid #2ea0cb; 
     z-index: -1; 
      white-space: nowrap; 
      padding: 0; 
      } 

он не работал, он принимает родительскую ширину элемента, как это ширина.

похож на mashable.com подменю

Answer 1

Используйте следующее:

.classname{ 
    margin-left:0; 
    margin-right:0; 
    width:100% 
} 

Answer 2

mashable.com набор position: absolute; left: 0; right: 0; к элементу списка, и не устанавливает position для любого из своих родителей. Так как элемент с абсолютным позиционированием позиционирует себя на основании его , который сначала позиционируется родителем, элемент списка будет иметь ширину наивысшего родителя (body). Если вам не требуется позиционирование для любого из родителей списка, вы можете использовать этот метод.