응답 높이 내용 배경색

Question

저는 Kube CSS 프레임 워크를 사용하여 www.dreametry.nl/ddfleurs에 데모 사이트를 만듭니다. 주요 콘텐츠 배경색에 문제가 발생할 때까지 잘 진행되고있었습니다. 데스크톱에서는 흰색 배경이 콘텐츠와 함께 커지지 만 모바일 장치에서는 그렇지 않습니다. 문제는 흰색 배경이 콘텐츠의 절반을 멈추게하는 것입니다. 나는 여러 스타일을 사용하여 시도

는 유일한 변화는

.content { min-height: 650px; } 

로했다 그러나 배경 높이가 휴대폰에 너무 많은 것입니다.

이전 코드에 height: 60%;을 포함하면 작동하지 않습니다.

Answer 1

이것은 두 가지 방법으로 해결할 수 있습니다. class="unit-75 content"

에

overflow: hidden

을 제공하거나 사업부

<div class="unit-75 content" > 
    <!--All you HTML--> 

    <div style="clear: both"></div> 
</div> 

Answer 2

래퍼 요소 (body 태그, 특정 div 등)에 overflow:hidden을 사용하여 레이아웃에 수납 물이 사용되는 경우 포함 된 요소의 높이에 맞추도록 할 수 있습니다.