ÀÚ¹Ù½ºÅ©¸³Æ® ¾²Áö ¾Ê°í Äü¸Þ´º¸¦ È°¿ëÇϱâ À§ÇÑ ¹æ¹ýÀÔ´Ï´Ù.
¿Ü±¹ »çÀÌÆ®µéÀº À̹æ¹ýÀ» ¸¹ÀÌ ¾²´Âµ¥ ÇöÀç ¿ì¸®³ª¶ó »çÀÌÆ®¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¸¹ÀÌ »ç¿ëÇϳ»¿ä
¾Æ·¡ ºÎºÐ¿¡¼ Áß¿äÇÑ ºÎºÐÀº »¡°£»ö ±Û¾¾
ºÎºÐÀÔ´Ï´Ù.
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 ºÎºÐ ³¡ --> |