Footer에 여러 Element가 있어도 항상 하단에 위치하도록 설정됨
HTML 파일
<html>
<head>
</head>
<body>
<div class="container">
<div class="content_container">
</div>
<div class="footer_container">
</div>
</div>
</body>
</html>
CSS파일
html, body {
height: 100%;
}
.container {
position: relative;
min-height: 100%;
}
.content_container {
padding-bottom: [footer height];
}
.footer_content {
width: 100%;
position: absolute;
bottom: 0;
}'개발 지식' 카테고리의 다른 글
| JavaScript 쓰로틀링(Throttling), 디바운싱(Debouncing) (0) | 2023.03.25 |
|---|---|
| Indentation(Tabs vs Spaces) (0) | 2022.05.08 |
| Naming Cases (0) | 2022.01.02 |
| 파일 마지막에 빈 줄을 넣는 이유 (0) | 2021.07.02 |
| POST vs PUT (0) | 2021.02.15 |