在 CSS 中，float 是非常常用的一种属性。它可以让元素脱离文档流，并沿着父元素的左边或右边浮动，以此来实现一些布局上的效果。但是，你可能会遇到以下四种不同的 float 属性值：left、right、none 和 inherit，下面我们来一一解释它们之间的差异。
首先是 left 和 right。这两个属性值的作用分别是让元素靠左或者靠右浮动，并让其他元素围绕其周围。换句话说，它们可以使得两个或多个元素可以相互平行地排列。可以在 CSS 中这样写：
```css
div {
float: left;
}
```
接着，none 表示这个元素不进行浮动，即保持其在文档流中的位置不变。特别地，它也是默认值，即表示一个元素初始时不会浮动。可以在 CSS 中这样写：
```css
div {
float: none;
}
```
最后，inherit 表示元素将继承父元素的 float 属性。这表明，如果一个元素的父元素浮动了，那么它也将浮动。例如：
```css
div {
float: inherit;
}
```
需要注意的是，当一个元素浮动时，会脱离文档流，因此在这个元素后面的元素可能会紧密排列，甚至发生重叠。为了解决这个问题，可以使用 clear 属性来清除浮动。例如：
```css
div.clear {
clear: both;
}
```
这会使这个 div 元素下面的任何其他元素都不再浮动，而是从新的行开始出现。
总结一下，CSS 中 float 属性具有 left、right、none 和 inherit 四种值，它们的差异在于元素是浮动到左边、右边、不浮动还是继承父元素的浮动属性。同时，当元素浮动时，可以使用 clear 属性来清除一些排列上的问题。