전체 너비 내려 가기

Question

나는 온라인으로 갔고 좋은 드롭 다운 메뉴를 발견했고 코드를 편집하려고 노력해왔다. 그래서 드롭 다운 메뉴는 화면 너비의 100 %가되고 그 안에는 랩이있다. 내 링크를 960 픽셀의 폭으로 유지합니다. 그러나 나는 100 % 드롭 다운을 얻을 수 없습니다.

http://jsfiddle.net/jWSPz/

나는 ... 문제가 여기 어딘가에서 생각 나는 편집하려고했는데 드롭 다운입니다

ul li ul { 
    padding: 0; 
    position: absolute; 
    top: 48px; 
    left: 0; 
    width: 150px; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    display: none; 
    opacity: 0; 
    visibility: hidden; 
    -webkit-transiton: opacity 0.2s; 
    -moz-transition: opacity 0.2s; 
    -ms-transition: opacity 0.2s; 
    -o-transition: opacity 0.2s; 
    -transition: opacity 0.2s; 
    } 

.

1.Link : 는 나는이 드롭과 비슷한이 링크 및 데모 어쩌면 당신은 색상을 변경할 수

http://au.beatsbydre.com/

Answer 1

나는 그 폭을 얻을 수있었습니다. 내가 생각하는 뉴 마녀

Working Demo

내가 제거한 다음 (간단) 코드

ul li{ 
    position:relative; 
} 

을 추가

ul{ 
    position:relative; 
} 

경우에 추가, 당신이 원하는 무엇인가 당신은 화면의 전체 폭을 이것을 원할 뿐이다.

REMOVE

ul li{ 
    position:relative; 
} 

이 도움이

ul li .dropDown{ 
    top: 75px; 
} 

Working Demo 2

희망,

당신이 jsfiddle에서 행운을 빕니다 :)

Answer 2

체크 아웃 아래로 원하는 http://www.handy-html.com/create-a-simple-css-dropdown-menu/

1. 데모 : http://www.handy-html.com/wp-content/uploads/2012/02/create-a-simple-css-dropdown-menu.html