This question already has answers here:
Css height in percent not working [duplicate]
                                
                                    (8个答案)
                                
                        
                                3年前关闭。
            
                    
这是我正在测试的示例:
Bootstrap starter theme

您可以尝试使用inspect元素。
为什么我不能用header更改%标签的高度或背景图像?
我已经尝试使用px,它的工作原理就是这样,例如height:800px;
但是,如果我使用height:80%;,它将无法正常工作。有人可以解释这是如何工作的吗?我不知道我在做什么错。

最佳答案

当您给定高度为%值时,它也代表该元素的父代。如果要强制标题具有屏幕高度的80%,则必须将其设置为position:absolute,以将其从DOM流中移出。

所以CSS可以像这样:

.header-image {
position: absolute;
height: 80%;
}

关于html - 高度的CSS%,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36734150/

10-12 12:22
查看更多