글
푸터 하단 고정 시키기
H/Html
2017. 10. 15. 19:33
html, body { height: 100%; }
footer { positive: absolute; bottom: 0; }
footer감싸고 있는 wrapper { positive: relatvie; min-height: 100%; }
<body>
<div class="wrapper">
<div class="content">
</div>
<div class="footer">
Footer
</div>
</div>
</body>
기본적으로 이렇게하면 적용된다.
div 깊이가 있을 경우
<div class="depth-2-wrapper">
<div class="wrapper">
...
</div>
</div>
depth-2-wrapper height: 100% 로 유지시켜줘야한다.
'H > Html' 카테고리의 다른 글
| IOS Safari minimal-ui 적용기 (0) | 2017.10.15 |
|---|---|
| CSS float 요소 중앙 정렬 시키기 (0) | 2015.01.10 |
| 크기에 따른 가로 스크롤 div 생성 (0) | 2015.01.09 |
| HTML: How to make a submit button with text + image in it? (0) | 2014.06.23 |
| parent.location 해당 a name 으로 이동 (0) | 2014.03.19 |
