css中什么叫浮动

css中的浮动是指将元素向左或向右移动，同时其四周的元素也会从新摆列。一个浮动元素会尽量向左或向右移动，直到它的外边沿碰到包括框或另一个浮动框的边框为止。

本文环境：windows10、css3，本文适用于所有品牌的电脑。

浮动介绍：

CSS 的 Float（浮动），会使元素向左或向右移动，其四周的元素也会从新摆列。

Float（浮动），往往是用于图像，但它在规划时一样非常有用。

（学习视频分享：css视频教程）

元素怎样浮动？

元素的水平标的目的浮动，意味着元素只能摆布移动而不克不及上下移动。

一个浮动元素会尽量向左或向右移动，直到它的外边沿碰到包括框或另一个浮动框的边框为止。

浮动元素之后的元素将环绕它。

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

假如图像是右浮动，下面的文本流将围绕在它左边：

举例：

img{
    float:right;
}

彼此相邻的浮动元素

假如你把几个浮动的元素放到一起，假如有空间的话，它们将彼此相邻。

举例：

对图片廊使用 float 属性：

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

清除浮动 - 使用 clear

元素浮动之后，四周的元素会从新摆列，为了不这种状况，使用 clear 属性。

clear 属性指定元素两侧不克不及显现浮动元素。

举例：

使用 clear 属性往文本中增加图片廊：

.text_line{
    clear:both;
}

相关引荐：css教程

以上就是css中什么叫浮动的具体内容，更多请关注百分百源码网其它相关文章！