CSS布局模型

流动模型（Flow） 浮动模型 (Float) 层模型（Layer） 流动模型 默认的网页布局模型，块级元素自上而下分布，宽度为100%，独占一行；内联元素从左到右水平分布，内容宽高决定元素的宽高。 浮动模型 (包裹性) 浮动模型具有包裹性，我把包裹性比喻为让元素display：inline-block，我们默认情况下的div是独占一行，宽度以100%显示的，而一旦给这个div添加了float属性

>>阅读原文<<