자바스크립트 쓰지 않고 퀵메뉴를 활용하기 위한 방법입니다.

외국 사이트들은 이방법을 많이 쓰는데 현재 우리나라 사이트에서는 자바스크립트를 많이 사용하내요

아래 부분에서 중요한 부분은 빨간색 글씨 부분입니다.

css position 옵션중에 fixed 를 적용하시면됩니다.

<!--  css 부분 시작 -->
<style>
#head { clear:both; border:1px solid #000; }
#body { clear:both; z-index:1; width:100%; overflow:hidden; }
#body .left { float:left; left:0; width:209px; border:1px solid #000; }
#body .main { margin-left:210px; border:1px solid #000; }
#tail { clear:both; border:1px solid #000; }
#quick { border: solid #cccccc 1px; left:1000px;position:fixed; top: 100px; z-index:10;}
</style>

<!-- css 부분 끝 -->

<!--  html 부분 시작 -->

<div>
    <div id="head">Header</div>
    <div id="body">
        <div class="left">
            left
        </div>
        <div class="main">
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
   content<p>
        </div>
    </div>
    <div id="tail">tail</div>
</div>
<div id="quick">quick</div>

<!--  html 부분 끝 -->