가운데에있는 웹 페이지의 위쪽에 사이드 메뉴 토글

Question

긴 사이드 메뉴가있는 가운데에 웹 페이지가 있습니다 (여백 : 0 자동 사용, '래퍼 DIV'에 있음). 하나의 페이지 템플릿에는 넓은 콘텐트 영역이 필요하므로 상단에 jquery를 사용하여 사이드 메뉴를 표시하는 토글 링크를 추가하려고합니다. 클릭하면 메인 페이지 내용 위에 표시됩니다.

'position : absolute;'를 사용하면이 문제를 해결할 수 있습니다. #sidemenucontainer DIV에 있지만 상대적인 위치 지정을 사용하면 (즉, 가운데 배치 된 레이아웃과 관련하여 정확한 위치에 있습니다. 즉, 브라우저의 왼쪽 상단 모서리에 달라 붙지 않습니다), 메인 페이지 내용을 메뉴 아래로 밀어 넣고, 페이지보다 '위에'오히려 나타납니다.

필자는 필 요할 경우 몇 가지 샘플 코드를 준비 할 수 있지만 위와 같은 의미가 있기를 바랬습니다. 나는 명백한 무엇인가 놓치고 있다고 확신한다. 감사합니다.

Answer 1

절대 절대 값은 상대적으로 가장 가까운 부모 div와 관련하여 절대 값을 의미합니다.

랩퍼에 position의 relative을, 사이드 메뉴에 position을로 지정하면 랩퍼 내에 사이드 메뉴가 배치됩니다.

사이드 메뉴는 다른 항목 (이 경우에는 메인 콘텐츠)의 맨 위로 이동할 수 있도록 절대적으로 배치해야합니다. http://jsfiddle.net/RLcFf/