<div id="goTop">
고정될 영역
</div>
<div id="main">
움직일(스크롤) 영역
</div>
<style>
#goTop { position: fixed; top: 0px; left: 0; width: 100%; height:150px; z-index:100;background-color:#fff}
#main {padding-top:150px}
</style>
-- goTop 영역은 position: fixed; 을 주었기 때문에 아래 영역과 겹칩니다.
-- 아래 움직일 영역 main은 padding-top: 150px로 주어 아래로 150px 내렸습니다.
왼쪽, 오른쪽, 하단 부분도 고정해 보세요~~
고정될 영역
</div>
<div id="main">
움직일(스크롤) 영역
</div>
<style>
#goTop { position: fixed; top: 0px; left: 0; width: 100%; height:150px; z-index:100;background-color:#fff}
#main {padding-top:150px}
</style>
-- goTop 영역은 position: fixed; 을 주었기 때문에 아래 영역과 겹칩니다.
-- 아래 움직일 영역 main은 padding-top: 150px로 주어 아래로 150px 내렸습니다.
왼쪽, 오른쪽, 하단 부분도 고정해 보세요~~
댓글 3개
게시글 목록
| 번호 | 제목 |
|---|---|
| 34292 | |
| 34279 | |
| 34278 | |
| 34264 | |
| 34251 | |
| 34231 | |
| 34196 | |
| 34184 | |
| 34166 | |
| 34151 | |
| 34143 | |
| 34142 | |
| 34134 | |
| 34132 | |
| 34131 | |
| 34125 | |
| 34093 | |
| 34076 | |
| 34060 | |
| 34031 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기