Question

这是我的代码。我希望#splash的背景为页面的90％。

a, span, p, h1, h2, h3, h4, h5, h6, body {
    margin: 0;
    padding: 0;
    outline: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
a, a:focus, a:hover, a:active{
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
p, h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
body{
    overflow-y: scroll;
    overflow-x: hidden;
    background-image: white;
    height: 100%;
    width: 100%;
}
.inner{
    width: 85%;
    position: relative;
    margin: auto;
}
#splash{
    height: 90%;
    background-color: red;
    width: 100%;
    position: relative;
}

和HTML

<html>

<body>
    <div id="splash">
        hi
    </div>
</body>
</html>

http://jsfiddle.net/L6KGk/

我调查了一下，发现父母body也必须是100％。虽然，它仍然没有工作，所以我不知道。

非常感谢您的回复。

Answer 1

只需添加＆＃39; html＆＃39;在你的身体在css之前的元素，它将工作; - ）

html, body {

Answer 2

查看body - html的父级。如果您将height: 100%设置为它，您将获得所需内容。

http://jsfiddle.net/KAgS9/

Answer 3

试试这个：

#splash{
    height: 90%;
    background-color: red;
    width: 100%;
    position: absolute;
}

div百分比不与父母一起工作

3 个答案: