- 最近
- 文章
- 代码仓
- 资源
- 问答
- 帖子
- 视频
- 课程
- 关注/订阅/互动
- 收藏
搜TA的内容


搜索 取消
阅读gui-challenges项目遇到的问题2(tabs):去掉了父元素overflow: hidden;并且子元素的宽度要比父元素宽为什么没有溢出呢?
答:
我好像明白了。
如果flex子元素在副轴方向上的大小为auto,那么它会拉伸到和父元素在该方向上的大小(如果父元素在该方向上设置了大小的话,和它的内容大小没有关系)或者全部子元素自身大小在该方向上的最大值(如果父元素在该方向上没有设置大小)。这里有一个在线的例子,可以自己试一下。
在这里snap-tabs的宽度就是.device的宽度,在它上面设置了overflow: hidden;所以没有溢出。
其实,我觉的这里的device上的overflow: hidden;好像没有用,去掉也没有影响。
回答问题 2023.12.16










