2009-10-14 6 views
2

바닥 글 텍스트에 간단한 CSS 스 니펫을 사용하는 데 어려움을 겪고 있습니다. 바닥 글 텍스트는 항상 페이지의 끝 부분에 있어야합니다. 나중에 끝나는 화면의 끝 부분에 있어야합니다. Fixed Position Page -바닥 글 텍스트에 대한 CSS

Pushed Down Page : 나는 이전에 우리의 클라이언트에 대한이 똑같은 일을했다 당신이 떨어져 선택할 수있는 작업 예를 들어

#footer 
{ 
    position:absolute; 
    bottom:2px; 
} 
+0

페이지 끝과 * 화면 끝? '페이지 끝에서'충분하지 않을까요? 페이지가 화면 하단에서 벗어난 경우 바닥 글은 페이지 하단에 있습니다 (즉, 화면에 표시되지 않음). 페이지의 맨 아래로 스크롤하면 바닥 글은 여전히 ​​페이지 하단에 있지만 화면에 표시됩니다. 아마도 여러분이 성취하려고하는 코드 예제가 논리적 매듭에서 내 마음을 묶지 못하게 할 수 있습니다 ... :) – Town

+0

페이지가 매우 짧으면 (화면의 절반 만 차지함), 바닥 글이 화면 하단에 있고 중간에 있지 않은 것이 좋습니다. – flybywire

답변

0
* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ 
} 
.footer, .push { 
    height: 142px; /* .push must be the same height as .footer */ 
} 

/* 

Sticky Footer by Ryan Fait 
http://ryanfait.com/ 

*/ 
-1

bottom 속성을 사용하여

+0

이렇게하면 뷰포트의 아래쪽에 배치됩니다. 페이지가 길면 페이지 맨 아래에 있지 않을 것입니다 (특정 질문). – Quentin

+0

body 태그의 position이 relative 인 경우, – gnud

+0

@David 네, 그럴 것입니다 - 시도해 보셨습니까? 여러 프로젝트에서 사용했습니다. http://www.w3schools.com/CSS/pr_pos_bottom.asp를 참조하십시오. – ANaimi

0

: