父div 设置align-items: stretch; 有子元素未占满父容器

父div 设置align-items: stretch; 有子元素未占满父容器_第1张图片

箭头处未被绿色框占满

原因:子元素设置了高度100%或者具体数值,100%代表了包裹元素;

父div 设置align-items: stretch; 有子元素未占满父容器_第2张图片

解决方案:子元素去掉height即可

你可能感兴趣的:(css,css)