Question

如何让我的第一个div始终是全屏（浏览器而不是计算机），然后支持div显示在下面。

我想复制这个网站的布局 http://checklandkindleysides.com

最简单的形式，我只想：

第一部分是窗户的全高和宽度
支持内容为特定尺寸而非全屏

由于

Answer 1

您需要为html，body和full height div提供100％的高度。

<强> CSS

html,
body {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
}

.full-height-content {
  height: 100%;
  overflow-y: auto; /* margin overflow fix */
}

<强> HTML

<div class="full-height-content">
    This is your full height content
</div>
<div class="page-content">
    <p>This is your standard page content</p>
</div>

这是一个codepen： http://codepen.io/anon/pen/aNyQJm

如何让主要介绍div始终显示窗口的全宽

1 个答案: