在css中float属性的属性值有哪些
导读：收集整理的这篇文章主要介绍了在css中float属性的属性值有哪些，觉得挺不错的，现在分享给大家，也给大家做个参考。在css中，float属性用于定义元素在哪个方向浮动，可以设置的属性值有：1、“left”，定义元素向左浮动；2、“righ...
收集整理的这篇文章主要介绍了在css中float属性的属性值有哪些，觉得挺不错的，现在分享给大家，也给大家做个参考。在css中，float属性用于定义元素在哪个方向浮动，可以设置的属性值有：1、“left”，定义元素向左浮动；2、“right”，定义元素向右浮动；3、“none”，定义元素不浮动，并会显示在其在文本中出现的位置；4、“inherIT”。
本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。
CSS中的float属性是一个频繁用到的属性，对于初学者来说，如果没有理解好浮动的意义和表现出来的特性，在使用的使用很容易陷入困惑，云里雾里，搞不清楚状态。
float属性
float，顾名思义就是浮动，设置了float属性的元素会根据属性值向左或向右浮动，我们称设置了float属性的元素为浮动元素。
元素使用了float属性后，可以使该元素脱离标准流本身，浮动在其他元素之上，使其不再占用原本属于该元素的空间，这样会导致后面的元素上移并占用原本属于该元素的空间。
属性值
left：元素向左浮动。
right：元素向右浮动。
none：默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit：规定应该从父元素继承 float 属性的值。
【推荐教程：CSS视频教程 】
示例：
@H_777_47@!DOCTYPE html> html> head> meta 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" height="84" /> 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。/p> /body> /html>效果图：
更多编程相关知识，请访问：编程视频！！
以上就是在css中float属性的属性值有哪些的详细内容，更多请关注其它相关文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 在css中float属性的属性值有哪些
本文地址： https://pptw.com/jishu/588638.html