플로팅 메뉴 div css

Question

플로팅 CSS 메뉴를 만들려고합니다. 플로팅 div를 부모 컨테이너를 기준으로 플로트 시키려면 어떻게합니까?

http://jsfiddle.net/Ve8vC/

Answer 1

대신
postion:fixed 당신이 postion:absolute을 사용해야합니다 사용하여 내부에 메뉴 사업부를 배치해야합니다.

위치 고정은 창 위치와 관련하여 무언가를 수정하고자 할 때 사용합니다 (스크롤 위치와 상관없이). 위치 절대 값은 본문에 대해 렌더링 된 모든 위치에 고정된다는 점을 제외하고 동일한 효과를 제공합니다. 상대적 위치에 부모를두고 절대 위치를 두는 것은 달성하려는 효과를 전달하지만 아래로 스크롤해도 지속되지 않습니다.

최고의 솔루션은 스크롤 탑이 자바 스크립트를 사용하여 100px를 넘으면 바로 절대 속성으로 변경하는 것입니다.

Answer 2

당신은 # 부동 메뉴에 대한 컨테이너