Ptt 大爆卦 | Flex 子元素 - 前往 https://www.wangt.cc/2020/10/%E5%85%B3%E4%BA%8Eflex%E5%B8%83%E5%B1%80%E4%B8%AD%E7%88%B6%E5%85%83%E7%B4%A0%E9%AB%98%E5%BA%A6auto%EF%BC%8C%E7%94%B1%E4%B8%80%E5%AD%90%E5%85%83%E7%B4%A0%E6%92%91%E5%BC%80%EF%BC%8C%E5%8F%A6%E4%B8%80/

你即將離開本站

並前往https://www.wangt.cc/2020/10/%E5%85%B3%E4%BA%8Eflex%E5%B8%83%E5%B1%80%E4%B8%AD%E7%88%B6%E5%85%83%E7%B4%A0%E9%AB%98%E5%BA%A6auto%EF%BC%8C%E7%94%B1%E4%B8%80%E5%AD%90%E5%85%83%E7%B4%A0%E6%92%91%E5%BC%80%EF%BC%8C%E5%8F%A6%E4%B8%80/

关于flex布局中,父元素高度auto，由一子元素撑开 - 程序员灯塔

可以看到子元素距离填满父元素仍有一段空间。此时只需将父元素的align-items: center;变为align-items: stretch; 此时子元素盒子已经自适应父元素的高度。

確定！回上一頁

查詢「Flex 子元素」的人也找了：

Flex 子元素靠右

Flex 固定寬度