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% 로 유지시켜줘야한다.