css 中高度100%和100vh

‌100%和100vh的区别‌‌12

在‌CSS中，height: 100%表示元素的高度将与其父元素的高度相同。但是，要使height: 100%生效，父元素必须具有明确定义的高度，例如固定高度值或相对定位。如果父元素的高度未被明确定义，那么height: 100%将不会生效。

另一方面，height: 100vh表示元素的高度将占据视口（浏览器窗口）的高度。无论父元素的高度如何，使用height: 100vh将使元素占据整个视口的高度，这对于实现全屏或类似效果非常有用。