在css中，float属性用于定义元素在哪个 方向 浮动，可以设置的属性值有：1、“left”，定义元素向左浮动；2、“right”，定义元素向右浮动；3、“none”，定义元素不浮动，并会显示在其在文本中出现的位置；4、“inher IT ”。
本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。
CSS中的float属性是一个频繁用到的属性，对于初学者来说，如果没有理解好浮动的意义和表现出来的特性，在使用的使用很容易陷入 困惑 ， 云 里雾里，搞不清楚状态。
float属性
float，顾名思义就是浮动，设置了float属性的元素会根据属性值向左或向右浮动，我们称设置了float属性的元素为浮动元素。
元素使用了float属性后，可以使该元素脱离标准流本身，浮动在其他元素之上，使其不再占用原本属于该元素的空间，这样会导致后面的元素上移并占用原本属于该元素的空间。
属性值
left：元素向左浮动。
right：元素向右浮动。
none：默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit：规定 应该 从父元素继承 float 属性的值。
【推荐教程：CSS视频教程 】
示例：
<!DOCTY PE html>
<html>
<head>
< ;m eta charset="utf-8">
<title>css float属性</title>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的 右边 。</p>
<p>
<img src="img/1. jpg " width="95" h ei ght="84" />
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>效果图：
更多编程相关知识，请访问：编程视频！！
以上就是在css中float属性的属性值有 哪些 的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 在css中float属性的属性值有哪些 全部内容，希望文章能够帮你解决 在css中float属性的属性值有哪些 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于在css中float属性的属性值有哪些的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did199370