对浮动与定位排序理解

对浮动与定位排序理解

我想和大家说说我对浮动与定位来排列区别先说浮动让我们来看浮动的HTML代码：

用浮动来排放位置的类都是同样的而且没有设置浮动前它们都是竖着的而且还是连着的如下图

而设置了浮动它就横着了下面是它的css代码与它设置了浮动后的样子：

图中我设置了左浮动与它的左外边距如果没边距它是连起来的，那么接下来我们看看用定位来设置上图的模样,我们看看它的HTML代码与没有设置它的样式的模样：

由图中可知它的类有4个而且都是重叠的而设置了css的样式后它就和浮动一样了那么让我们看看它的css代码与模样：

这模样是不是和红色的一样，这是我对它们的理解。浮动与定位来排序各有优点，用浮动来排序简单快捷看了上面的代码你就可以理解不过它是有序排列的不能随便排方位置而定位就不一样了它的代码虽然多了一点但是它可一随便排方位置。