css中float属性的使用方法-创新互联

小编给大家分享一下css中float属性的使用方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

css float属性用于指定一个盒子（元素）是否应该浮动，绝对定位的元素忽略float属性！

css float属性怎么用？

属性定义及使用说明

float属性指定一个盒子（元素）是否应该浮动。

注意：绝对定位的元素忽略float属性！

默认值： none

继承： no

版本： CSS1

JavaScript 语法：

object.style.cssFloat="left"

属性值

left 元素向左浮动。

right 元素向右浮动。

none 默认值。元素不浮动，并会显示在其在文本中出现的位置。

inherit 规定应该从父元素继承 float 属性的值。

实例

让图像向右侧浮动：

 





在下面的段落中，我们添加了一个 float:right 的图片。导致图片将会浮动在段落的右边。


这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。

效果：

看完了这篇文章，相信你对css中float属性的使用方法有了一定的了解，想了解更多相关知识，欢迎关注创新互联网站制作公司行业资讯频道，感谢各位的阅读！