끈끈한 사업부의 먹을 필요가있다

Question

나는 질문이있다. 머리글, 본문 및 바닥 글로 구성된 단일 열 웹 사이트를 만들고 있습니다. 나는 바닥 글을 페이지의 바닥에 붙이도록 할 수있다. 그러나 나의 질문은 이것이다. 바닥 글을 밀어 넣는 것보다는 크기를 조정할 때 창을 "먹는"방법은 무엇입니까? 좋은 예가 ign.com입니다.

* { 
margin: 0; 
} 
body 
{ 
height: 100%; 
background-image: url(".."); 
} 
html 
{ 
height: 100%; 
} 
.wrapper 
{ 
width: 950px; 
min-width: 950px; 
min-height: 100%; 
height: auto 
height: 100%; 
margin: 0 auto -4em; 
border: 2px solid black; 
} 
.footer, .push 
{ 
height: 4em; 
border: 2px solid black; 
} 

Answer 1

차단 요소의 기본 동작은 무엇입니까?

예 :

HTML :

​<header></header> 
<div></div> 
<footer></footer>​​​​​​​​​​​​​​​​​​​​​​​​​ 

CSS :

​header, footer { 
    height: 5em; 
} 

div { 
    height: 100em; 
} 

Demo

내 조언은 더 추가하는 것 콘텐츠를 페이지에 추가하거나 래퍼에 대해 최소 높이를 설정하십시오.

Answer 2

바닥 글에 다음 코드를 추가하고 HTML 문서에 특정 최소 높이를 설정합니다.

.footer { 
margin:1% 0; 
}