【css中flex属性】固定宽度被挤压 flex为1的元素宽度超出父元素

当子元素设置固定宽度,如果整体宽度不足时,会把固定宽度给压缩,解决方法: 给固定宽度的元素添加flex-shrink:0。flex-shrink 指定了 flex 元素的收缩规则。设置右边元素flex:1,当右边元素宽度超过父元素时,会造成右边宽度溢出。解决方案:给右侧设置了flex:1;的元素,同时设置width:0 ...
【css中flex属性】固定宽度被挤压 flex为1的元素宽度超出父元素
当子元素设置固定宽度,如果整体宽度不足时,会把固定宽度给压缩,解决方法: 给固定宽度的元素添加flex-shrink:0。

flex-shrink
指定了 flex 元素的收缩规则。

设置右边元素flex:1,当右边元素宽度超过父元素时,会造成右边宽度溢出。

解决方案:给右侧设置了flex:1;的元素,同时设置width:02022-06-21
mengvlog 阅读 535 次 更新于 2025-12-15 04:09:23 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部