나는 끈적 끈적한 바닥 글을 만들려고 노력하고, 내 페이지의 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