【兼容性】flex:1宽度溢出；flex，width 兼容低版本火狐

最新推荐文章于 2024-08-02 11:20:03 发布

meichaoWen

最新推荐文章于 2024-08-02 11:20:03 发布

阅读量280

点赞数 3

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/meichaoWen/article/details/140317538

版权

.codeBox {
    padding: 0 20px;
    -moz-box-flex: 1; 
    flex: 1;
    width: 0;
    min-width: 0;
 }

这段代码，包含了我之前解决的两个问题。

一是：设置 flex：1，目的是想要 .codeBox 占满元素的剩余空间（这里是宽度）。但是当元素内容过宽，会挤压旁边元素。

解决方案：width：0

二是：flex：1，width：0，在低版本的Firefox浏览器不生效。

解决方案：-moz-box-flex:1; min-width:0