部分无法获得100％的高度

Question

这是我的jsfiddle：

http://jsfiddle.net/KfjGU/425/

代码非常简单：

    <main>
        <section class="parallax">

        </section>



        <section class="content">
            <h1>Center</h1>      
        </section>
    </main>

并在css中设置

 html, body { min-height: 100%; }

与具有特定类视差的部分相同：

 .parallax { height: 100%; }

非常感谢这里的任何帮助。

亲切的问候，

乔治

Answer 1

尝试将main设为100%。如果您没有将其设置为100%，那么它将0%，因为它不知道要将其设置为什么。

html, body, main, .parallax {
    height: 100% !important;
    height: 100%;
}

Here's演示

Answer 2

您必须将main设置为100％的高度，因为它是您创建的新标记，因此没有属性。因此.parralax将是100%未定义的高度，因此没有任何工作。