2012-08-17 3 views
0

저는 작은 WordPress 기반 사이트에서 친구를 위해 일하고 있으며 바닥 글에 CSS 문제가 있습니다. 뷰포트는 body 태그가 아닌 container 태그 (height 속성)의 100 %로 표시되는 것입니다. 또한, 머리 부분에서 제대로 닫힌 a 태그로 이상한 문제가 발생했습니다.이 태그는 사이트의 나머지 부분을 통해 중첩 된 모든 요소에서 침을 뱉어냅니다. 그 원인을 알 수있는 통찰력? WordPress footer 및 태그를 중첩했습니다.

사이트

여기에서 볼 수 있습니다 : www.dontyouwantto.com

감사

+0

귀하의 문제는 어디서나 절대 위치를 사용한다는 사실에서 비롯된 것 같습니다. 이는 요소를 포함하기가 매우 어려울 수 있습니다. 대신에 수레를 사용하는 것이 좋습니다 (왼쪽 열에 하나의 부동 소수점, 사이드 바에 다른 부동 소수점). 그런 다음 바닥 글은 높이 : 100 % (일반적으로 부서 지거나 벗겨지기 쉬운 것으로 알려져 있음)와 같은 어리석은 규칙을 사용하지 않고도 원하는대로 할 수 있습니다. –

+0

고맙다. 나는 그 일을 끝냈다.하지만 콘테이너 클래스의 높이를 설정하는 것은 뷰포트의 100 %가 아니라, 요소의 100 %가된다. (dev 툴을 가져 와서 볼 수있다.) 이것은 제가 전에 실행 한 것입니다, 정확히 무엇을 일으키는 지 알지 못합니다. 그러나 당신의 도움에 감사드립니다. – kqualters

답변

1

당신의 요소에서 height: 100% 규칙을 제거하고 overflow: auto;로 교체하십시오. 컨테이너가 부유 요소를 "포함"하게하는 데 필요한 트릭을 수행해야합니다.

컨테이너 요소에 대해 heightmin-height 규칙을 제거해야합니다. 일반적으로 CSS의 100 % 높이 스타일링 전술은 깨지거나 부서지기 쉽기 때문에 권장하지 않습니다.

관련 문제