全css 布局中切换图片导致的溢出问题
当图片的父容器设置的flex:1
来撑满容器时,子元素如果切换图片会导致溢出父容器。将父容器设置为flex:auto; height:0;
为什么要添加height:0
, 添加 height: 0 是为了确保父容器的高度为 0,然后使用 flex: auto 将父容器的高度撑开
洗尽铅华始见金,褪去浮华归本真
当图片的父容器设置的flex:1
来撑满容器时,子元素如果切换图片会导致溢出父容器。将父容器设置为flex:auto; height:0;
为什么要添加height:0
, 添加 height: 0 是为了确保父容器的高度为 0,然后使用 flex: auto 将父容器的高度撑开