Css 图像分割设置为高度：100%，但未扩展到100%-尝试避免100vh

我的图像div没有扩展到

高度：100%

，出现问题

html

、

body

和

wrapper

设置为

height:100%

以下代码是我当前使用的代码：

.blogimgcont {
width: 100%;
height: 100%;
}

.blogimgcont img{
height: 100%;
width: 100%;
}

100vh确实会使图像占据整个垂直高度，但我担心使用它会遇到跨浏览器兼容性问题

有人能指出为什么身高：100%不起作用吗

请查看以进行澄清

编辑：

我决定还是用100vh——谢谢你的回答

.blogimgcont {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
}

---

如果.blogimgont没有指定宽度的父项，则您拥有100%的零；）@如果.blogimgont是body的子对象，body需要设置高度。。。否则没有有效值可继承并传递给img。。。基本CSS规则不多也不少；）仅使用

高度：100%

无法达到您想要的效果。问题是，如果检查父元素，您可以看到，将“高度”设置为百分比并不会将其设置为相对于视口的高度，而是相对于其容器。但是，由于没有在其容器上设置明确的高度，因此它假定其子容器的高度。这意味着您可以将图像设置为其父容器的100%，但父容器的大小不正确（不是视口的100%，而是其子容器的100%）。