【第一列或两列固定宽度，最后一列占据页面剩余宽度（即自适应宽度）】这篇文章主要是为了解决一个实际问题问题：左右两列布局，左边宽度固定，右边宽度自适应（或者左右三列布局，左右宽度固定，右边宽度自适应）右边宽度是自适应的），当页面宽度发生变化时，如何让右边元素中的内容始终显示在页面剩余宽度的中央。设置text-align:centerontherightelement后，问题其实是如何让右边元素的宽度占据页面剩余的所有宽度。基础知识：元素float后的变化1.本来是inline或者本来是block的元素，在设置float:left或者float:right之后，都会有inline-block元素的特性，即：不占单行，可以设置宽度和高度。2、与position:absolute;的区别在于文档流的分离是float的几个元素在同一个文档流中。3.float半脱离文档流：两个元素的第一个设置为float:left;，对于后面元素的元素，前面的元素脱离文档流，即会占用元素的位置；对于后续元素的内容而言，前一个元素占据文档流，即不会覆盖前一个元素的内容。如图：方法一：float+calc()//html
