CSS를 사용하여 페이지 하단에 꼬리말을 붙이는 방법은 무엇입니까?

-1

가능한 중복 :
How do you get the footer to stay at the bottom of a Web page?CSS를 사용하여 페이지 하단에 꼬리말을 붙이는 방법은 무엇입니까?

나는 바닥 글이있는 웹 페이지를 가지고 있지만, 그것은 내 콘텐츠가 가득 찬 경우에도, 바닥에 붙어 나던. 내가 사용하고있다

바닥 글은 화면 하단에는 있지만 바닥에는 표시되지 않습니다. http://thomaswd.com/2013prototype/index.html에서 예를 볼 수 있습니다. 콘텐츠를 스크롤 할 수 있도록 브라우저 창 크기를 조절하십시오. CSS는 http://thomaswd.com/2013prototype/style.css입니다. http://thomaswd.com/2013prototype/pricing.html에서 다른 예를 찾을 수도 있습니다. CSS는 http://thomaswd.com/2013prototype/style2.css입니다. 두 번째 예제에서 이것을 사용하고 있습니다. http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

미리 감사드립니다. 절대 :-)

2013-01-04 Thomas Lai

다음을 사용하십시오 : http://ryanfait.com/sticky-footer/ – JSW189

이것은 'http : // www.cssstickyfooter.com /' – Dawson

-1

변화 position:absolute에 position:fixed 위치는 고정하면서, 컨텐츠의 정상적인 흐름에서 요소를 걸리는이 작업을 수행하고 페이지

2013-01-04 02:27:49

이지만 위치는 고정되어 있기 때문에 하단에 고정됩니다 화면의; 나는 그것이 정상적인 바닥 글처럼 행동하기를 원한다. –

다음 위치를 사용할 수 없습니다 : 절대; 그 이유는 정상적인 콘텐츠 흐름에서는 작동하지 않기 때문입니다. 당신은 최종 내용 –

을 신경 쓰지 말고, footer 스타일을 취하여

에 꼬리말을 넣으십시오. 텍스트처럼 보이지만 완벽하게 작동합니다. –

당신이 바닥 글에 할당 할에 스틱 : 절대; 하단 : 0; 즉, 그것은 용기의 측면입니다. 문제를 해결하려면 footer를 컨테이너 div 또는 section 태그 안에 넣으십시오.

2013-01-04 03:26:09

답변