CSS规则未对高度应用100%_Css

CSS规则未对高度应用100%

css

CSS规则未对高度应用100%,css,Css,此CSS规则不起作用 #wrapper{ height:100%; width:100%; background-color: aliceblue; } 包装器没有占据页面的整个高度。 <!DOCTYPE html> 正常{ 高度：自动； } 大号{ 高度：500px； } p、前{ 高度：100px；宽度：100px； } 样品只需按下面的方式尝试，即可解决您的问题首先，选择div，这是您想要使任何设备达到100%高度的部分，然后应用C

此CSS规则不起作用

#wrapper{
   height:100%;
   width:100%;
   background-color: aliceblue;
}

包装器没有占据页面的整个高度。


<!DOCTYPE html>


正常{
高度：自动；
}
大号{
高度：500px；
}
p、 前{
高度：100px；
宽度：100px；
}



样品

只需按下面的方式尝试，即可解决您的问题

首先，选择

div

，这是您想要使任何设备达到100%高度的部分，然后应用CSS，如下所示

.wrapper {
    height: 100vh;
}

为了使

部分

或

div

高度与设备高度相同，必须使用

VH

，称为

视口高度

我正在尝试创建一个div，我为其设置的高度应与页面的高度相同

它本身意味着什么都不是…它应该是某个东西的100%。。这些数字必须在父子链的整个过程中都是可计算的

那么，包装材料是什么呢？答案是

，它本身是

元素的子元素

一旦我们设置了这些元素，它就可以正常工作，因为除了作为视口高度的

元素之外，您不能再向上移动链了

html，
身体{
身高：100%；
保证金：0；
}
#包装纸{
身高：100%；
背景颜色：蓝色；
}

100%什么？-寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。看到什么是包装器了吗？你应该多花几分钟，看看帖子预览，为你的问题提供更好的格式和上下文。我正在尝试创建一个div，我为它设置的高度应该与我的页面的高度相同。body{background color:aliceblue；}删除这个问题，有许多重复项

.wrapper {
    height: 100vh;
}

height:100%