기본 div에 패딩을 추가하고 상위 div에 패딩을 추가하지 않는 이유는 무엇입니까?

Question

다음은 간단한 html입니다 :

<div id="wrap"> 

<div id="main"> 

</div> 

</div> 

<div id="footer"> 

</div> 

여기에 css가 있습니다 :

* {margin:0;padding:0;} 

html, body {height: 100%;} 

#wrap {min-height: 100%;} 

#main {overflow:auto; 
    padding-bottom: 150px;} 

#footer {position: relative; 
    margin-top: -150px; 
    height: 150px; 
    clear:both;} 

제 질문은 패딩 하단을 #wrap div에 추가하는 것이 합당하지 않습니까? #main div?

당신이 궁금해하는 경우, 이것은 바닥 글에 항상있는 페이지의 크기를 조정할 때 이전 내용과 겹치지 않는 것과 관련된 것입니다.

Answer 1

패딩이 #wrap의 높이에 추가되므로 상자 모델에 문제가있을 것이라고 생각합니다. 시도해 보셨습니까?