페이지 하단에도이 꼬리말을 머물게하는 방법은 작다

Question

나는이 html 문제에 상당히 빠져있다.

페이지가 있습니다. 바닥 글에 머무르고 그 위에 엘리먼트와의 간격을두고 싶습니다. 여기 트위터 + G + div.

@media (min-width:481) 내부 CSS를 참조하십시오.

은 내가 노력이 :

html, body{ 
    height: 100%; 
} 
.fuss{ 
position: absolute; 
bottom: 0; 
} 

이 큰 화면을 위해 작동하지만 난 작은 15 '스크린 노트북에 창 크기를 조정하는 경우, 바닥 글 내 트위터와 G + 요소에 대한 것입니다. 왜 이런거야?

이 페이지는 http://www.bibago.de/test.html입니다. 큰 화면에서는 바닥 글이 잘 작동하지만 작은 화면에서는 바닥 글이 다른 요소를 넘어서고 바닥에 머물러 있지 않습니다.

도와주세요.

감사합니다. 바닥 글 하단에 나타날 때까지

Answer 1

당신은 특별한 작업을 수행 할 필요가 없습니다. 단순히 페이지 끝 부분에 놓으면 HTML이 한 줄씩 렌더링되므로 마지막 항목으로 표시됩니다 (항상 아래쪽에 표시).

.fuss{ 
    margin-top: 50px; 
} 

Answer 2

나는 일반적으로 다음과 같이 수행

.fuss { 
position: fixed; 
bottom: 0;}