web前端|html教程
【css面试题】三个DIV要求水平对齐，左右两个DIV宽度固定为100px，中间那个DIV充满剩余的宽度（至少2种方法）
web前端-html教程
这是我在一家公司面试时遇到的问题，当时没有答上来！！
如何有手机网站源码下载,i929 ubuntu,反爬虫的意义,php与数据库交互怎么删除一行,丰镇seo托管lzw
所以看到的小伙伴一定要注意了！！
android 传奇源码下载,ubuntu数据硬盘,tomcat505错误页,图片爬虫实战,php程序调试工具,五华抖音seo推广优化lzw
变化浏览器宽度可看到效果：
最新导航网源码,命令设置ubuntu比例,设置防火墙允许tomcat,北京爬虫展会,php编程技术图教程,国外seo推广lzw
左
右
中
然后我们来看看代码：
第一种方法：（浮动）
.left,.right,.center{ border:1px solid; height:100px; text-align: center; line-height:100px; font-size:50px; } .left{ float:left; width:100px; } .right{ float:right; width:100px; } .center{ margin:0 100px; }
左
右
中
第二种方法：（绝对定位）
.container{ position: relative; } .left,.right,.center{ position:absolute;/*增加绝对定位*/ top:0; border:1px solid; height:100px; text-align: center; line-height:100px; font-size:50px; } .left{ left:0; width:100px; } .right{ right:0; width:100px; } .center{ width:auto; left:100px; right:100px; }
左
右
中
刚发布不久，就有个小伙伴在下面评论了第三种方法
第三种方法：（fiex）
浏览器支持
目前主流浏览器不支持 box-flex 属性。
Internet Explorer 10 通过私有属性 the -ms-flex 支持.
Firefox通过私有属性 -moz-box-flex 支持.
Safari和Chrome通过私有属性 -webkit-box-flex 支持.
注意： Internet Explorer 9及更早IE版本不支持弹性框.
.container{ display:-moz-box; /* Firefox */ display:-webkit-box; /* Safari and Chrome */ display:box; } .left,.right,.center{ border:1px solid; height:100px; text-align: center; line-height:100px; font-size:50px; } .left{ width:100px; } .right{ width:100px; } .center{ -moz-box-flex:1.0; /* Firefox */ -webkit-box-flex:1.0; /* Safari 和 Chrome */ box-flex:1.0; }
左
中
右
当然还有很多方法，如果你有什么更好的方法，希望你能在下面评论出来，我们大家一起学习
【css面试题】三个DIV要求水平对齐 左右两个DIV宽度固定为100px 中间那个DIV充满剩余的宽度（至少2种方法）
