header height 100% css

by Symphony

HTML

<header>
    <h>Хитрый Хедер</h>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum quidem incidunt obcaecati quam omnis sapiente eum recusandae repudiandae tenetur sit. Ex animi tempora nihil molestias molestiae inventore voluptatem minus voluptas!</p>
</header>
<main>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ipsum quam incidunt repellendus distinctio vitae tenetur unde in velit obcaecati mollitia dignissimos quaerat ut libero molestiae quod quasi. Eligendi aliquam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ipsum quam incidunt repellendus distinctio vitae tenetur unde in velit obcaecati mollitia dignissimos quaerat ut libero molestiae quod quasi. Eligendi aliquam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ipsum quam incidunt repellendus distinctio vitae tenetur unde in velit obcaecati mollitia dignissimos quaerat ut libero molestiae quod quasi. Eligendi aliquam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ipsum quam incidunt repellendus distinctio vitae tenetur unde in velit obcaecati mollitia dignissimos quaerat ut libero molestiae quod quasi. Eligendi aliquam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ipsum quam incidunt repellendus distinctio vitae tenetur unde in velit obcaecati mollitia dignissimos quaerat ut libero molestiae quod quasi. Eligendi aliquam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ipsum quam incidunt repellendus distinctio vitae tenetur unde in velit obcaecati mollitia dignissimos quaerat ut libero molestiae quod quasi. Eligendi aliquam.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ipsum quam incidunt repellendus distinctio vitae tenetur unde in velit obcaecati mollitia dignissimos quaerat ut libero molestiae quod quasi. Eligendi aliquam.</p>
    <p>Lorem ipsum dolor sit amet,...

CSS

html,body {
    min-height: 100%;
    height: 100%;
}
header {
    height: 100%;
    background: #cfc;
}