만들기 몸을 100 % 높이가

몸 { 색상 : 흰색; font-family : 'Play', sans-serif; 최대 너비 : 2560 픽셀; 여백 : 0 자동; 최소 너비 : 960 픽셀; 신장 : 100 %; 패딩 : 0; }

#header { 
    position: relative; 
    overflow: hidden; 
    margin: 0 auto; 
    min-width: 960px; 
    height: 95px; 
    background-image: url("../images/header-bg.png"); 
} 

#content { 
    margin: 0 auto; 
    position: relative; 
    max-width: 1600px; 
    height:100%; 
    overflow:hidden; 
} 

#footer { 
    background-color: #009EDB; 
    background-image: url("../images/footer-bg.png"); 
    bottom: 0; 
    height: 30px; 
    margin: 0; 
    position: relative; 
    width: 100%; 

}

하지만 body 높이 브라우저 창을 100 %. 내 문제가 뭐니? 감사.

jsFiddle

출처

2012-12-14 Slaythern Aareonna

추가 시도 : 'html {height : 100 %; 너비 : 100 %; }'? – mqchen

중복 될 수 있음 [stackoverflow.com/questions/1575141/...](http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window) – War10ck

추가 :

html { 
    height: 100%; 
}

당신의 CSS에. 여기

참조 업데이트 - 그것이 작동되도록하기 위해서는 http://jsfiddle.net/xkTpV/4/

출처

2012-12-14 14:02:46 Lloyd

감사하지만 작동하지 않습니다. 내 사이트. –

. 부모를 <html>으로하고 자식 <body>을 100 % 높이로 만들어야합니다.

html, body { 
    height:100%; /*both html and body*/ 
} 
body { 
    margin: 0; /*reset default margin*/ 
}

출처

2012-12-14 15:15:52 Stickers

만들기 몸을 100 % 높이가

답변

관련 문제