Question

我有2个测试div，我全屏，它可以工作，但一旦我声明它收缩并且不显示全屏。

我试图让第一个div全屏，然后向下滚动到第二个div，它也是屏幕的大小。

设置了一个JSFiddle

HTML代码：

<div id="home">
        <ul>
            <li><a href="#about">About</a></li>
        </ul>

        <h1>Home</h1>
</div>

<div id="about">

        <h1>About</h1>
</div>

CSS：

body {
    margin: 0px;
}

#home {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background: aqua;
}

#about {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background: #ff0085;
}

先谢谢你的帮助。

Answer 1

添加：

html,body {
    height:100%;
}

<强> jsFiddle example

声明DOCTYPE时，全屏div消失

1 个答案: