[分享]css中flaot有哪些属性

CSS中，float是一个很常用的属性，它可以让元素浮动到页面上的指定位置，从而实现页面布局的效果。下面我们一起来看一下在CSS中，float有哪些属性。float: none | left | ri...

CSS中，float是一个很常用的属性，它可以让元素浮动到页面上的指定位置，从而实现页面布局的效果。下面我们一起来看一下在CSS中，float有哪些属性。

float: none | left | right;

/* none：默认值，元素不浮动。
   left：元素向左浮动，其他元素会围绕它排列。
   right：元素向右浮动，其他元素会围绕它排列。*/ 

这里，我们可以看到float有三种取值，分别是none、left和right。当取值为none时，元素不会浮动，它会按照正常情况排列；当取值为left时，元素会向左浮动，它的右侧会被其他元素占据；当取值为right时，元素会向右浮动，它的左侧会被其他元素占据。

clear: none | left | right | both;

/* none：默认值，浮动元素可以紧挨在它前面。
   left：浮动元素只能在它左侧。
   right：浮动元素只能在它右侧。
   both：浮动元素既不能在左侧，也不能在右侧。*/ 

除了float属性，CSS中还有一个和它相关的属性，就是clear。当我们在浮动元素后面加入其他元素时，有时候会发现这些元素会“跟着”浮动元素一起向左或向右移动，这时候就可以使用clear属性来解决。clear有四种取值，即none、left、right和both，分别代表不限制、只能在左侧、只能在右侧和两侧都不行。