HTML中浮动布局float与定位布局position的区分

浮动 float 取值 right/left:元素向右/左浮动。 注意 元素设置为浮动以后，就能够设置宽高(以下图所示：li元素的宽高) 元素设置为浮动以后，会脱离文档流，在文档中不占位。（即漂浮在文档流的上方,height为0） 元素浮动以后，后边的正常元素会上移，占据本来浮动元素所在的位置（如图中所示，li元素浮动以后，后面的div元素会上浮，占据了浮动元素的位置，使其呈现浅的粉色） 多个元素

>>阅读原文<<