首先，我们要了解脱离文档流的两种形式：
在实际开发中我遇到这么一个问题，一个父div里有两个子div，设置了文字居中。div1设置左浮动，div2没设置浮动，显示文字。结果如下：
这个.time的宽度明明充满了整个父元素，但是居中效果却是在扣除了左边浮动元素的宽度后进行的。
后面我进行了测试，文字居左的时候是贴着左边浮动元素的，居右是贴着最右侧的，那么居中自然是图中位置，而不是按.time宽度居中的。
查阅资料得知，float的浮动属于半脱离文档流，而绝对定位才属于全脱离。定义如最上方描述那样。
结论： 使用float进行浮动后，文字图片相关的元素会环绕浮动元素，进行居中操作的时候会按剩余空间宽度处理。
