在css中 height: 100vh;与height: 100%;有什么区别?
2024-05-05生效,父元素必须具有明确定义的高度,例如固定高度值或相对定位。如果父元素的高度未被明确定义,那么。表示元素的高度将占据视口(浏览器窗口)的高度。无论父元素的高度如何,使用。将使元素占据整个视口的高度,这对于实现全屏或类似效果非常有用。在实际应用中,如果您想让一个元素占据整个视口的高度,可以使用。表示元素的高度将与其父元素的高度相同。如果想让一个元素与其父元素等高,可以使用。在 CSS 中有着不同的含义和应用场景。,前提是父元素具有明确定义的高度。是相对于父元素的高度,而。是相对于视口的高度。_100vh和100%
[css] 父元素flex:1,子元素设置height:100%无效
2024-01-24父级的高度是通过flex为1来设置的,然后子级想保持和父级一样的高度。由于这里的父元素是缺省的,所以设置了高度百分百是无效的。这个时候inner就会保持和content一样的高度。可以设置父级高度为0._flex 子元素高度100%