3 세로 섹션

Question

나는 끈적한 바닥 글이 필요한 사이트가 있습니다. 사용자의 화면 크기에 관계없이 항상 바닥 글에 바닥 글을 표시하고 싶습니다. 내용이 화면보다 길면 바닥 글이 아래로 이동하기를 원합니다. 나는 이것이 테이블이없는 모든 DIV가되기를 원합니다.

답변은 asp.net 태그와 함께 작동하지 않지만 아래의 게시물을 찾고 있습니다. 양식 태그가있을 때 모든 CSS는 무시됩니다. 양식 태그를 꺼내 자마자 바닥 글이 바닥에 완벽하게 붙습니다. 당신의 CSS에서

How do you get the footer to stay at the bottom of a Web page?

Answer 1

다음과 같이 시도 했습니까?

.fixedPosition { 
     background-color:black; 
     position:fixed; 
     min-height:200px; 
     left:0px; 
     right:0px; 
     bottom:0px; 
    } 

이렇게하면 래퍼가 왼쪽, 오른쪽 및 아래쪽으로 고정됩니다. 그런 다음 높이를 결정할 수 있습니다.

위치 지정 양식에 문제가있는 경우 (알고 싶지 않음) 포장을 시도하십시오.

<div class="fixedPosition"><form></form></div> 

도움이 되었습니까?

Answer 2

은 차단하는 헤더, 내용과 바닥 글 된 div의 표시 속성을 설정합니다. 헤더, 콘텐츠 및 바닥 글 div의이 순서대로 HTML 페이지에 표시하는 경우의 예에 표시되지 않을 것 코드에서 다른 태그가없는

#header { 
display:block; 
} 

#content { 
display:block; 
} 

#footer { 
display: block; 
} 

다음 글은 항상, 콘텐츠 아래에 나타납니다.