바닥 글이 고정되어 있지 않음

바닥 글의 버그를 수정하려고합니다. 바닥 글이 브라우저 바닥에 머물러 있지 않은 것을 볼 수 있듯이, 바닥 글의 버그를 수정하려고합니다. 페이지에 충분한 콘텐츠가 없으면 div의 나머지 부분의 높이만 따라갑니다. 사이트 예제 : http://produccion.pugle.net/sarahbcn2/membership-cancelled/바닥 글이 고정되어 있지 않음

그래서 나는 overflow : auto와 같은 주요 div 래퍼에서 몇 가지 CSS 명령으로 문제를 해결하려고했습니다. 또는 높이 : 자동; 바닥 글에 대해 동일한 명령을 사용했지만 성공하지 못했습니다. 이 문제를 해결하는 방법에 대한 아이디어가 있습니까? 바닥 글 (사용 고정 된 위치)에 고맙습니다

출처

2014-09-05 bonini81

항상 대신 웹 사이트를 링크의 여기에 코드를 배치 도움이되기를 바랍니다 .. –

팁은 고맙고, 다음 번에 할 것이다! – bonini81

나는이 결정은 당신이 DEMO Sticky Footer

<div class="page-wrap"> 

    <h1>Sticky Footer</h1> 
    <h2>with Fixed Footer Height</h2> 

    <button id="add">Add Content</button> 

</div> 

<footer class="site-footer"> 
    I'm the Sticky Footer. 
</footer> 


* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.page-wrap { 
    min-height: 100%; 
    /* equal to footer height */ 
    margin-bottom: -142px; 
} 
.page-wrap:after { 
    content: ""; 
    display: block; 
} 
.site-footer, .page-wrap:after { 
    /* .push must be the same height as footer */ 
    height: 142px; 
} 
.site-footer { 
    background: orange; 
}

출처

2014-09-05 10:37:16

도움을 주신다면 고맙겠지 만 실제로 고정 된 위치, 고정 위치, 고정 위치 */ – bonini81

에 푸터를 넣는 것이 실제로 해결 된 것입니다.이 질문에 대한 답은 정답입니다. 다른 쪽이 페이지에 붙은 바닥 글을 얻습니다. 비록 스크롤링 할 내용이 있더라도 항상 꼬리말이 나타나기 때문에 내용이 많을 때 문제가됩니다. 그래서이 대답은 실제로 고맙습니다. Alex를 찾고 있었는데, 무엇을해도 붙어 있지 않은 바닥에 고정되어 있습니다. – bonini81

적용 변경 :

footer { 
    background: none repeat scroll 0 center #fff; 
    bottom: 0; 
    display: block; 
    margin: 0 auto; 
    padding: 80px 0 0; 
    position: fixed;/*fixed position*/ 
    width: 100%; 
}

출처

2014-09-05 08:31:13

이것은 고맙습니다 C-LINK !!!!!이 문제를 해결했습니다. – bonini81

여러분을 환영합니다! –

바닥 글이 고정되어 있지 않음

답변

관련 문제