您的位置:首页 > 前端开发 > 技术笔记

嵌套flex,内层flex子元素宽度过大撑开父元素的解决办法

2018-03-26 15:43:50


<div style="display:flex;justify-content:space-between"> <!--第一层flex-->
    <div style="display:flex;justify-content:space-between"><!--第二层flex-->
        <div style="overflow:hidden;">
        
<!--此无素有很大的宽度,预想应该为被父元素截断,但实际表现是将父元素撑开了,
解决办法是给第二层flex添加overflow:auto/hidden-->
            <div style="width:10000px;height:100px;"></div>
        </div>
        <div>大森林-&gt;</div>
    </div>
    <span>1999-12-12</span>
</div>


more 最近