CSS是网页设计中最常用的样式表语言之一，其中浮动是其中的一种重要的样式属性。当我们需要将某些元素排列在一起时，就可以使用浮动属性。下面我们来介绍一下CSS浮动的情况：

/* 元素浮动左 */
div {
float: left;
}
/* 元素浮动右 */
div {
float: right;
}
/* 清除浮动 */
.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-table;
}
/* Hides IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide */

首先，我们可以使用float:left实现元素浮动左。这时，元素会自动排列在其左侧空间中，并且其他元素会沿着其右侧将其包围。同样地，我们也可以使用float:right将元素浮动右。这时，元素会自动排列在其右侧空间中，并且其他元素会沿着其左侧将其包围。

有时候我们需要清除已有的浮动效果，这时我们可以使用.clearfix来解决。这个类可以将浮动效果清除，并使元素保持在原位置。我们可以在CSS中定义，如

.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-table;
}

需要注意的是，在一些比较老的浏览器中，比如IE6和IE7等，可能会存在一些bug，导致浮动效果无法正常清除。这时，我们可以使用一些hack技巧来解决这个问题。如

/* Hides IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide */

总的来说，CSS浮动是一个非常实用的样式属性，可以轻松实现元素的排列和布局，同时也需要注意一些细节问题，确保浮动效果得以正常实现。