2012-05-29 4 views
-1

저는 제 자신의 Wordpress 테마를 만들고 있지만 작동 할 수있는 하나의 기능을 얻을 수는 없습니다. 당신이 할 수있는wordpress 사이트에서 div의 60 % heignt가 작동하지 않습니까?

여기 데모를 SE는 : 내가 60 %, 80 % 또는 100 %로 높이를 설정할 때 www.jonasolaussen.se/hairdesign/wordpress

큰 그림이 사라 할 수 있습니다. 너비는 이어야합니다.

문제는 크고 작은 화면 해상도에서 사이트가 잘 작동하도록 div가 60 %에 있도록하려는 것입니다.

답변

0

메인 CSS에서 height: 100%을 html과 body로 지정해야합니다. 그런 다음 DIV 요소에 높이를 백분율로 설정할 수 있습니다.

DEMO - http://jsfiddle.net/yZV2m/1/

확인 업데이트 데모 및 0 픽셀 높이에 서있는 DIV에 추가 'clearfix'클래스를보십시오.

+0

높이가 100 %인데도 작업을 할 수 없으며 div는 높이가 0px로 완전히 축소됩니다. –

+0

@ user1423248 업데이트 된 데모를 확인하고 0px 높이로 접히는 DIV에 'clearfix'클래스를 추가하십시오. clearfix css – Dipak

+0

을 복사하는 것을 잊지 마십시오. 아무 것도 clearfix로 변경되지 않습니다. 이 문제를 해결하기 위해 머리를 맞출 수 없으며,이 문제를 해결하기 위해 일종의 반응 형 웹 디자인을 사용해야 할 수도 있습니다. –

관련 문제