流体布局与浮动元素

浏览器对元素的摆放是按「流」的方式进行的。所谓「流」，就是浏览器按照由左至右，由上至下的顺序，如同管道中的水流一样显示元素的方法。
当流体中的元素设置了浮动属性后，这个元素便不在属于流。他会像船一样浮动在流体上的某个位置，并且会遮挡其下方的块元素。而块元素中的内联元素，则会绕开浮动元素。