이 큰 공백은 무엇이며 제거하는 방법은 무엇입니까?

-1

아무도 회색 사각형 배경을 페이지 맨 위로 확장하는 방법을 알려 줄 수 있습니까? 나는 분명히 아주 좋은 코더가 아니다. #page를 포함하도록 수정했지만 아직 헤더에서 제외하고 있습니다.

감사합니다!

EDIT2 : 누군가가 이러한 문제를 해결하고 나에게 일대일 대응을 할 수 있다면 기꺼이 지불하게됩니다. 기꺼이 보내 주시면 이메일을 보내주세요. 주셔서 감사합니다 - 당신의 style.css에 [email protected]

당신은 질문의 일부를 수용하는 것이 좋습니다. – zeantsoi

스크린 샷과 문제를 재현하는 작은 코드 샘플을 포함하십시오 (자세한 내용은 [SSCCE] (http://sscce.org/) 참조). – Dukeling

내게'min-height : 100 %; '처럼 보이는 당신의 CSS #page 정의에서 그것을하고 있으며, 아마도'height : 100 %;'같은 정의에서 제거해야 할 것입니다. –

문제는이 CSS 선언에서 발생

min-height 속성이 큰 공백이 렌더링하는 원인이되었다 100%로 설정

#page { 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    height: auto !important; 
    margin: 0 auto -45px; 
    min-height: 200px; 
}

. 이 문제를 해결하려면이 값을 줄이십시오 (고정 높이로 설정하는 것이 좋음). 다음 이미지는 min-height가 200px로 설정되어있을 때 페이지가 렌더링되는 방법을 묘사 : 그들이 당신을 도와 한 경우

enter image description here

2013-09-27 22:47:31 zeantsoi

정말 고마워요! –

답변