포지셔닝(포지션 고정)


포지셔닝(포지션 고정)

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>포지셔닝02(포지션고정)</title> <style> #box{ width:300px; height:100px; outline:1px #f00 dotted; position:fixed; left:0; top: 0;} </style> </head> <body> <div id="box">내용</div> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> </body> </html> *상단 메뉴를 만들면 메뉴가 상하로 스크롤 되지 않고 고정이 됨....



원문링크 : 포지셔닝(포지션 고정)