div 사이드 바가 겹치는 콘텐츠를 방지하는 방법은 무엇입니까?

Question

내 웹 사이트의 페이지로 스크롤되는 div 사이드 바가 있습니다. 창 크기가 조정될 때마다 세로 막대가 페이지 내용과 겹칩니다. 여기 http://wrasa.org/memberpage_demo.html

이 문제를 해결하기위한 내 페이지

.menubar {width: 200px;position: fixed;left: 20px;down: 200px;} 

어떤 제안을 사용하고 도구 모음에 대한 CSS 코드 : 여기

문제를 보여주기 위해 데모 페이지입니다 또는 다른 코드를 사용하면 환영받을 수 있습니다.

미리 감사드립니다!

Answer 1

마찬가지로 고정 위치 지정을 사용하고 있습니다. div는 브라우저와 관련하여 고정 된 채로 유지되며 다른 내용이 영역으로 이동하면 겹칩니다. 이는 브라우저가 해당 div에 공간을 할당하지 않기 때문에 발생합니다. 문제는 주 콘텐츠 왼쪽에 최소 여백을 지정하여 해결할 수 있습니다. 실제로는 최소 너비의 CSS 속성을 사용하여 얻을 수 있습니다. 메인 컨텐츠의 왼쪽에 하나 더 배치하십시오. 당신은이 링크

Using a percentage margin in CSS but want a minimum margin in pixels?