【css面试题】三个DIV要求水平对齐，左右两个DIV宽度固定为100px，中间那个DIV充满剩余的宽度（至少2种方法）

所以看到的小伙伴一定要注意了！！

变化浏览器宽度可看到效果：

然后我们来看看代码：

第一种方法：（浮动）

 
左
 
右
 
中

第二种方法：（绝对定位）

 
左
 
右
 
中

刚发布不久，就有个小伙伴在下面评论了第三种方法

第三种方法：（fiex）

　　 浏览器支持

　　　　目前主流浏览器不支持 box-flex 属性。

　　　　Internet Explorer 10 通过私有属性 the -ms-flex 支持.

　　　　Firefox通过私有属性 -moz-box-flex 支持.

　　　　Safari和Chrome通过私有属性 -webkit-box-flex 支持.

　　　　注意： Internet Explorer 9及更早IE版本不支持弹性框.

 
左
 
中
 
右

当然还有很多方法，如果你有什么更好的方法，希望你能在下面评论出来，我们大家一起学习

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com