2012-02-11 10 views
1

나는 끈적 끈적한 바닥 글을 만들려고 노력하고, 내 페이지의 HTML 구조는 다음과 같다 : (크게 단순화)끈적한 바닥 글로 페이지 높이가 증가합니까?

<head>...</head> 
<body> 
    <div class="centerPane"> 
     <div class="userCenter">..</div> 
     <div class="bottom>...</div> 
    </div> 
</body> 

CSS : 어떤 이유

head 
{ 
    height: 100%; 
} 
body 
{ 
    min-height: 100%; 
    height: 100%; 
} 

.userCenter 
{ 
    position:relative; 
    height: 100%; 
} 

.bottom 
{ 
    position: absolute; 
    bottom: 20px; 
    height: 30px; 
} 

, 이것은 OFF 바닥을 추진하고있다 파이어 폭스 10.0.1의 브라우저 창 크기에 관계없이 페이지의 맨 아래를 지켜라. 여기

는 데모입니다 : 173.228.119.111:3000/users/sign_in

답변

0

당신은 설정을 시도 할 수 걸릴 것 바닥 글의 여백을 음수 값으로 예 :

margin: -4em; 
관련 문제