css - wordpress サイトの div で 60% の高さが機能しない?

Question

独自の Wordpress テーマを作成していますが、1 つの機能を動作させることができません。

ここでデモを見ることができます: www.jonasolaussen.se/hairdesign/wordpress

高さを 60%、80%、または 100% に設定すると、全体像が消えることがあります。px 幅である必要があります。

問題は、サイトが大小の画面解像度でうまく機能するように、div を 60% にしたいことです。

Answer 1

height: 100%メイン CSS で html と body を指定する必要があります。その後、高さをパーセントで DIV 要素に設定できるようになります。

デモ - http://jsfiddle.net/yZV2m/1/

更新されたデモを確認し、高さ 0px の DIV に「clearfix」クラスを追加してみてください。