通常情况下,如果元素的父级容器没有设置宽度/高度,那么百分比宽度/高度就会失效。为了解决这个问题,必须确保元素的父级容器设置了宽度/高度。
例如,在以下示例中,父级容器没有设置宽度/高度:
在这种情况下,红色子元素不会按照期望的大小显示。要解决这个问题,可以为父级容器设置宽度/高度:
现在,红色子元素会按照 100x100 像素的大小显示,因为它所在的父级容器已经设置了宽度/高度。
上一篇:百分比计算总是返回0,即使值是数字”
下一篇:百分比宽度/高度无法正确工作?