2011-08-15 3 views
0

나는 작년에 언젠가 만들었던 아주 간단한 레이아웃을 코딩하기 시작했습니다. 대부분의 작업을 마쳤습니다. 'wrapper'div가 페이지 맨 아래를 만지지 않을 때, 마치 " 위치 : 고정 "스타일은 있지만 스타일은 없습니다. 그리고 저는 Footer div가 맨 아래에 있지 않은 이유, 즉 "topbar"div 바로 아래에 붙어 있습니다. 왜 바닥 글과 래퍼 div가 제대로 작동하지 않는지 잘 모르기 때문에 혼란 스럽습니다. (래퍼가 화면 하단에 닿지 않습니까?

html/css를 확인할 수 있도록 아래 링크에서 내 사이트에 게시했습니다. HenryNorthen.com

답변

1

레이아웃에서 공백을 사용하지 않는 요소는 머리글 뒤에 떠 다니는 요소이므로 바닥 글을 아래쪽으로 밀기위한 요소는 없으며 플로팅 요소는 배치 된 바닥 글에서 "떠있게"이동합니다 머리글 바로 뒤에

바닥 글의 스타일에 추가하면이 문제가 해결됩니다.

clear: both; 
+0

고맙습니다. 내 고역 문제가 해결되었습니다. 래퍼 문제를 해결하는 방법을 알고 있습니까? :/ –

+0

죄송합니다. 래퍼에 문제가 있다는 것을 이해하지 못합니다. – Jacob

+0

래퍼 div는 모든 div 뒤에있는 밝은 회색 배경입니다. 창 크기를 조정하면 래퍼 div의 아래쪽이 창 아래쪽에 닿지 않지만, ** 항상 ** 바닥에 닿기를 원하므로 하단에 고정하면, 당신은 내가 메인 포스트에 준 링크를 볼 수 있어야합니다. –

관련 문제