elementUI中的el-steps组件在IE11中高度塌陷


 
 

IE11中el-steps组件塌陷的原因是由于flex布局导致的 

在el-steps组件的外面再包一层容器同时设置属性display:flex

el-steps组件添加属性flex-grow:1;同时设置一个min-height

问题解决

后来step节点也遇到了坍塌问题,由于flex:1在IE中不支持 

标准浏览器下:flex: 1 1 auto;
IE下:flex: 1 1 0;
     =>兼容方法: flex:  1 1 auto;
         或者设置属性:flex-basis: auto;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM