Question

如果这是一个非常明显且无用的问题，我会提前道歉，但是我如何将网页分成多个部分，网页的每个部分都在其中填满整个屏幕？

我希望做的一个很好的例子类似于树屋的主页，当我将网页分成多个部分时，例如＆＃34; home＆＃34;，＆＃34;关于我们＆＃34;，我尝试右键点击网页并浏览css，但没有看到页面上的任何高度和/或宽度。

树屋和其他人如何分割他们的网页？他们只是使用背景图片还是有其他方法这样做？

Answer 1

当你给html，body元素一个css属性：

html, body {
   height: 100%;
   width: 100%;
}

在你的HTML中，你会像这样做几个div：

<div class="fitScreen">
   content 1
</div>

<div class="fitScreen" style="background-color: red">
   content 2
</div>

<div class="fitScreen" style="background-color: blue">
   content 3
</div>

<div class="fitScreen" style="background-color: yellow">
  content 4
</div>

你给他们一个height: 100%;的css属性他们填满整个屏幕。

Demo here

编辑：

或者，如果你只想要一个填充屏幕的元素，并且该元素下面的所有元素的高度都是auto，那么只需使用div类创建一个fitScreen。

在另一个元素下面有你自己的内容。

人们如何拥有较长的细分网页？

1 个答案: