Altura do CSS não funciona se o corpo tiver altura mínima

Question

Dec 19, 2013, 01:08 PM

Altura do CSS não funciona se o corpo tiver altura mínima

Eu não tenho meu primeiro filho no corpo a 100% de altura, se o corpo tivermin-height Especificadas.

<html>
    <head>
        <style>
            html {
                height:100%;
            }
            body {
                min-height:100%;
            }
            #wrapper {
                height:100%;
                min-width:1120px; /* 250px each side (content width is 870px) */
                max-width:2000px;
                background-image:url(bg.png);
                background-position:50% 25px;
                background-repeat:no-repeat;
                background-size:cover;
            }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <!-- web content -->
        </div>
    </body>
</html>

Isso faznão redimensione o wrapper para a altura da janela. Quando eu remover omin- E useheightvai funcionar. Mas eu tenho que ter a variável de altura de conteúdo ...

Eu encontrei alguns outros posts aqui no SO e no google, mas eles têm apenas perguntas e nenhuma solução.