htmlcss

浮动

相同点：（1）都是漂起来( 离开原来的位置 )

（2）并且都不占着原来的位置

（3）另外，如h1包文字的标签，默认只设height的情况下，它的width是铺满父元素的宽度的，而当浮动或绝对定位后，它的宽度就是h1内文字的宽度

不同点：float后，(这里float:left )它后面的对象，会占据它原来的位置，

但是后面对象里的文字和图片等好像知道它在左边，所以他们会自动的在它右边显示，

也就是，后面对象的文字图片等不会被它挡住

position:absolute绝对定位后，它后面的对象，也会占据它原来的位置，

但是后面的对象，完全视它不存在，直接在左上角显示，

也就是，后面对象的文字图片等左上部分会被它挡住

清除浮动主要是为了解决父级元素因为子级浮动引起内部高度为0的问题，进而避免影响下面的标准流布局。浮动元素不再占用原文档流的位置，因此它们会对后面的元素排版产生影响。当父级元素中的子元素是浮动的，且父级元素没有设置高度时，其高度会为0，导致浮动元素溢出到父级元素外部，影响布局。