html - 具有最小高度的 div 和具有 100% 的另一个 div

Question

我有div另一个内心div

第div一个最小高度为 800px

第二div个高度为 100%。

我希望第二个的高度div与第一个相同。

但是我明白了：http: //jsfiddle.net/gW4Hh/

有没有可能？？

谢谢！

Answer 1

很简单，只需使用继承

#container{
width: 100%;    
min-height: inherit;
background-image: linear-gradient(#a8a8a8, #ebebeb);
}

Answer 2

您可以为此更改此属性：

#container{
    width: 100%;
    min-height: inherit;
    background-image: linear-gradient(#a8a8a8, #ebebeb);
}

Answer 3

尝试这个

css

body, html{
    height:100%;
}

.screen{
    width: 480px;
    height:100%;
    min-height: 800px;
    background: #F3E2A9;
    box-sizing: border-box; 
    margin: 0 auto; /* Centramos la pantalla */
}
#container{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#a8a8a8, #ebebeb);
}

jsFiddle 文件

Answer 4

您还可以将position: relativeandposition:absolute用于您的第二个 div，如下所示：

.screen{
    position: relative;
    width: 480px;
    min-height: 800px;
    background: #F3E2A9;
    box-sizing: border-box; 
    margin: 0 auto; /* Centramos la pantalla */

}

#container{
    width: 100%;
    position: absolute;
    height: 100%;
    background-image: linear-gradient(#a8a8a8, #ebebeb);
}

通过这样做，您将第二个 div 绝对定位到父定位元素，这将使您可以使用height: 100%