身高百分比在CSS中不起作用

身高百分比在CSS中不起作用

当您使用

%

宽度或高度时，您应该问的第一个问题是

80%

什么？因此，您还需要对父元素应用高度，因此，假设您的父元素位于body标签内，则需要在CSS中使用此元素

html, body {   height: 100%;}

所以，现在你的

div

元素是

80%

的

100%

注意：另外，当您处理

absolute

定位的元素时，您可能会遇到一种情况，即您的

div

高度不会超过当前视口的高度，因此在这种情况下，您需要

min-height