2011-01-19 4 views
1

을 사용하여 페이지의 맨 마지막에 항상있는 바닥 글을 만드는 방법, 바닥 글 div를 페이지에서 플로트 레이아웃을 사용하여 마지막 요소로 유지하는 방법 및 양에 관계없이 꼬리말 앞의 내용플로트 레이아웃

+1

작동하지 않는 http://www.cssstickyfooter.com/ – codingbadger

답변

2

장소 추가 (</body> 전) 코드의 끝

<div id="footer">Footer</div> 

에서 다음 스타일 시트에 다음

#footer{ clear:both; } 
+0

을 확인하십시오. 축소 및 채움과 같이 웹 페이지의 크기를 조정하면 바닥 글이 이전 내용과 겹칩니다. – dave

1

안젤로 R. 작업을해야했다 그러나 그것은에 따라 달라질 수 있습니다 무엇 나머지 구조. 예를 들어, 내부에 n 개의 플로팅 요소가있는 홀더가 있고 마지막 요소 (바닥 글)에 플로트가없고 선명하지 않게 설정 한 경우 : 위의 플로트를 지우고 바닥에 자리를 잡아야합니다. 다른 예는 홀더 안에 떠 다니는 요소가 있고 바닥 글이 그 홀더 아래와 바깥에 있다는 것입니다. 홀더 안의 요소가 그 홀더에 overflow : hidden을 추가하여 지워지거나 어떤 종류의 clearfix를 사용하는지 확인해야합니다. 왜냐하면 홀더에 들어있는 수레가 지워지지 않으면 그는 당신이 당신의 꼬리말에 추가 한 물건을 아무 것도 모을 것입니다.