을 사용하여 페이지의 맨 마지막에 항상있는 바닥 글을 만드는 방법, 바닥 글 div를 페이지에서 플로트 레이아웃을 사용하여 마지막 요소로 유지하는 방법 및 양에 관계없이 꼬리말 앞의 내용플로트 레이아웃
Q
플로트 레이아웃
1
A
답변
2
장소 추가 (</body>
전) 코드의 끝
<div id="footer">Footer</div>
에서 다음 스타일 시트에 다음
#footer{ clear:both; }
+0
을 확인하십시오. 축소 및 채움과 같이 웹 페이지의 크기를 조정하면 바닥 글이 이전 내용과 겹칩니다. – dave
1
이것은 내가 사용하는 해결책입니다 keep footers at the bottom of the page.
1
안젤로 R. 작업을해야했다 그러나 그것은에 따라 달라질 수 있습니다 무엇 나머지 구조. 예를 들어, 내부에 n 개의 플로팅 요소가있는 홀더가 있고 마지막 요소 (바닥 글)에 플로트가없고 선명하지 않게 설정 한 경우 : 위의 플로트를 지우고 바닥에 자리를 잡아야합니다. 다른 예는 홀더 안에 떠 다니는 요소가 있고 바닥 글이 그 홀더 아래와 바깥에 있다는 것입니다. 홀더 안의 요소가 그 홀더에 overflow : hidden을 추가하여 지워지거나 어떤 종류의 clearfix를 사용하는지 확인해야합니다. 왜냐하면 홀더에 들어있는 수레가 지워지지 않으면 그는 당신이 당신의 꼬리말에 추가 한 물건을 아무 것도 모을 것입니다.
관련 문제
- 1. CSS 플로트 : 왼쪽 레이아웃
- 2. 이상한 IE6 관련 플로트 레이아웃 버그
- 3. IE 플로트 플로트 해제 및 disapear
- 4. 플로트 편차
- 5. 더블 플로트
- 6. 플로트 [] 행동
- 7. 플로트, 자바
- 8. 플로트 IE
- 9. 플로트 : 여기
- 10. 플로트 오버플로?
- 11. 플로트 : 문자열
- 12. 플로팅 테이블없는 레이아웃
- 13. IE7 div 박스는 맑음 : 오른쪽 및 플로트 : 왼쪽 - 위로 플로트
- 14. ASP.Net : Google지도 + MySQL에 플로트 플로트 -> 쉼표가 아닌가요?
- 15. 를 sizeof 플로트 (3.0)
- 16. IE8 플로트 버그처럼 보이나요?
- 17. ASM의 파일에서 플로트 읽기
- 18. CString을 mfc로 플로트 변환
- 19. CSS 플로트 및 패딩
- 20. 플로트 비교 불일치
- 21. CSS 블록 플로트
- 22. 플로트 변수가 존재하는지 확인하십시오.
- 23. 사파리의 플로트 문제
- 24. 플로트 : 특정 지점
- 25. 파이썬 형식화하는 플로트 번호
- 26. 가로로 정렬 된 플로트
- 27. MatLab의 서브 플로트
- 28. OpenGL 플로트 버퍼
- 29. Chrome에 플로트 버그가 있습니까?
- 30. 플로트/위치 CSS
작동하지 않는 http://www.cssstickyfooter.com/ – codingbadger