Question

我在另一个div

中有一个div

首先div的最小高度为800px

第二个div的高度为100％。

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

但是我得到了这个：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 File

Answer 4

你也可以使用position: relative和position: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%

最小高度的div和100％的另一个div

4 个答案: