CSS中的float属性指定元素如何在页面中浮动。float属性有三种取值：left、right和none。其中，left表示元素向左浮动，right表示元素向右浮动，none则表示元素不浮动。 当我们将一个元素设置为left浮动时，它会尽量向页面左侧浮动，直到遇到其他浮动元素或者页面某一边缘。同理，元素设置为right浮动时，它会尽量向页面右侧浮动，直到遇到其他浮动元素或者页面某一边缘。 下面是一个例子：

p {
float: left;
width: 50%;
}

上述代码将所有p标签设置为左浮动且宽度为50%。这意味着当页面宽度大于p元素的两倍时，p元素将排列在一行中，而当页面宽度小于p元素的两倍时，p元素将会换行。 使用none取值可以使元素不浮动，它将按照正常文档流排列。下面是一个例子：

p {
float: none;
width: auto;
}

上述代码将所有p标签设置为不浮动且自动宽度。这意味着p元素将按照其在HTML文档中出现的顺序进行排列。 总之，通过float属性的不同取值，我们可以控制元素在页面中的浮动情况，从而实现不同的页面布局效果。