css属性中float属性的作用是什么

css中float属性的作用是控制元素的运动，即使元素向左或向右移动，周围的元素也会重新排列；元素的水平方向浮动意味着元素只能左右移动，不能上下移动；一个浮动元素会尽可能向左或向右移动，直到它的外缘遇到一个包含框架或另一个浮动框架的框架。

本教程操作环境：Windows10系统，CSS3版，DELL G3电脑

float属性在css属性中的作用是什么？

float，css的一个属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit(继承父元素浮动)，多用于网页排版。

CSS 的 Float(浮动)会使元素向左或向右移动，其周围的元素也会重新排列。

Float(浮动)，常用于图像，但在布局上同样有用。

如何浮动元素

元素的水平浮动意味着元素只能左右移动，不能上下移动。

一个浮动元素会尽量向左或向右移动，直到它的外缘碰到一个包含框架或另一个浮动框架的框架。

浮动元素后的元素将围绕着它。

浮动元素之前的元素不会受到影响。

如果图像向右浮动，以下文本流将围绕其左侧:

实例

img
{
    float:right;
}

相邻的浮动元素

如果你把几个浮动元素放在一起，如果有空间，它们就会彼此相邻。

在这里，我们使用图片廊 float 属性：

实例

.thumbnail 
{
    float:left;
    width:110px;
    height:90px;
    margin:5px;
}

清除浮动 - 使用 clear

元素浮动后，周围的元素会重新排列。为了避免这种情况，使用它们 clear 属性。

clear 浮动元素不能出现在属性指定元素的两侧。

使用 clear 将图片走廊添加到文本中：

实例

.text_line
{
    clear:both;
}

推荐学习：《css视频教程》

以上是css属性中float属性的作用是什么，更多请关注AdminJS的其他相关文章！