페이지가 안쪽으로 스크롤 될 때 절대 Div 값이 가득하지 않음

Question

창 너비가 내용 너비보다 작아지면 DIV에 작은 문제가 있습니다.

기본적으로; 이것은 실제로 설명하기가 어렵지만, 현재 페이지 (stackoverflow 웹 페이지)는 윈도우를 가져 와서 하단 스크롤 막대가 나타날 때까지 윈도우의 너비를 줄입니다. 그런 다음 페이지의 맨 아래로 스크롤하십시오. 그런 다음 배경 이미지에서 절반의 내용과 절반의 내용으로 절반 쯤을 보여주는 바닥 글 래퍼를보아야합니다.

내 개인 웹 사이트 중 하나에서 footer가 stackoverflow처럼 정확하게 설정되어 있습니다.이 방법이 있습니까? 아니면 자바 스크립트를 통해 업데이트 된 너비가 필요합니까?

감사합니다, 마이크 우선 잘

Answer 1

은 스택 오버플로의 바닥 글에는 절대 위치가 없다, 그래서 나는 당신에 아무도 중 하나가 없습니다 가정합니다.

SO의 바닥 글에는 위치가 없습니다. 이는 부모의 너비가 100 % 인 것을 의미합니다. 즉, body 요소이며 위치 지정이 없으므로 창 너비의 100 %에 위치합니다. 그러나 SO에있는 컨테이너 요소의 너비는 960 픽셀이며 100 % 몸체와 창보다 클 수도 있고 그렇지 않을 수도 있습니다. 크기가 커지면 바깥쪽으로 body 요소가 확장되어 스크롤해야 할 때 페이지 오른쪽 하단에 나타나는 틈이 생깁니다. 그것은 몸이 더 커지도록 강요하지 않으며 단지 몸 밖으로 뻗어 나갑니다.

빠른 해결책은 최대 너비와 일치하는 신체 너비를 만드는 것이므로이 문제는 발생하지 않습니다.