Html 截面高度100%不工作

因此，我试图用

section

制作“sections”，以覆盖当前页面的整个高度。有点像。如您所见，宽度设置为100。这是我的密码

.cont{
background: #009dff;
height: 100%;
} 

但出于某种原因，它似乎不起作用。这是一个例子。有什么想法吗？

这个就行了

---

默认情况下，

html

和

body

的高度百分比不是100%。因此，您需要明确地通知浏览器。必须分别为

html

和

body

指定

height

，有时指定

minheight

，这是因为两个元素都没有任何内在的

height

。默认情况下，两者都是

height:auto

。它是具有100%高度的视口，因此从视口中提取

高度：100%

，然后将其应用到

主体

，作为允许滚动内容的最小值。

请添加一个解释，说明为什么需要这样做。是的，一个解释会很好。请注意，如果您只需要蓝色背景，你可以把这个添加到身体里，只是添加了解释。

html{
  height:100%;
}
body{
  height:100%;
}
section {
  height: 100%;
}