绝对定位+margin原理是将左右两边的div使用绝对定位分别定位到左右两边，中间的div使用margin属性，留出左右div的宽度，将其中间的div宽度设为100%即可，代码如图
flex布局（弹性盒子）在外层包一层div，设置属性display：flex，里面的子元素设置属性flex:1,具体实现，看下图代码
float（浮动布局）float布局将左右div分别浮动到左右，中间使用margin属性，留出左右的宽度，这个跟绝对定位布局有点相似，代码如下图
效果图：总结：
实现这种左右定宽，中间自适应的css布局，其实有很多种实现方法，比如还有“圣杯布局”、“双飞翼布局”；个人比较推荐flex布局方式，这也是css3新属性，实现起来比较方便；如有疑问，欢迎在评论下方留言，大家一起讨论
css优化，css链接 样式，表格自适应 css，js 某个id 加css，css图片高度等于宽度，css 360 浏览器支持，织梦仿站如何下载css图片
@ float浮动最终取消了什么？
float浮动最终取消了取消了对父元素的相对定位，取消了占位，父元素的高度对浮动不起作用。
@ float属性是盒子吗？
float不属于盒子属性。盒子属性有：width、height、padding、padding-bottom、padding-left、padding-right、padding-top、margin、border等等。
盒子模式（模型）就是在网页设计中经常用到的CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。
@ p标签加了浮动属于什么元素？
其实这么回答不很正确。
p本来就是块元素。
float:left
浮动了的元素具有块元素特征。比方你可以设置宽高等。如：span
在内联元素上表现。
浮动后将脱离文档流，成为包含内容元素的大小。