A Better Way to Express Percentage Height

A Better Way to Express Percentage Height

摘要

CSS中的height: 100%常因父容器高度未定义或边距问题失效，推荐使用新属性height: stretch！它能智能拉伸填充父容器，避开溢出问题，同时支持align-self对齐规则。注意目前仅Chrome支持，且需父容器有明确高度。搭配calc-size()还能实现百分比缩放，width: stretch同理。赶紧试试这个布局神器吧！