웹킷 적용되지 CSS의 마진 - 하단

이 페이지를 참조하십시오 : 파이어 폭스에서 http://goo.gl/U9cQl 웹킷 적용되지 CSS의 마진 - 하단

는 마진 - 하단의 속성은 페이지의 바닥에서 50 픽셀까지를 밀어 연락처 상자에 올바르게 적용됩니다.

이것은 Safari + Chrome에서 발생하지 않으며 이유가 없습니다. 누군가 나를 위해 약간의 빛을 비춰 줄 수 있습니까?

2013-01-07 dai.hop

크롬에서는 html,body { height: 100%; }에 대한 규칙을 사용 중지했으며이를 해결했습니다.

2013-01-07 15:12:27

대단히 감사합니다. 나는 항상 몸 높이를 100 %로 설정하는 것이 좋다고 생각했다. 그렇지 않은가? –

나는 그것이 좋은 조언 이었지만, 요즘은 불필요하다고 생각합니다. normalize.css는이 규칙을 사용하지 않으며, 기본 스타일 집합에 사용하는 경향이 있습니다. –

@ dai.hop 필요없는 경우 설정하지 마십시오. 'min-height : 100 %'는 보통 끈적한 footer * 같은 것들에만 필요합니다. 짧은 페이지는 뷰포트의 하단에 붙지 않습니다. – cimmanon

답변