小编给大家分享一下css中float属性的使用方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
css float属性用于指定一个盒子(元素)是否应该浮动,绝对定位的元素忽略float属性!
css float属性怎么用?
属性定义及使用说明
float属性指定一个盒子(元素)是否应该浮动。
注意: 绝对定位的元素忽略float属性!
默认值: none
继承: no
版本: CSS1
JavaScript 语法:
object.style.cssFloat="left"
属性值
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动,并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
实例
让图像向右侧浮动:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中,我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img src="logocss.gif" width="95" height="84" />
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>
效果:

看完了这篇文章,相信你对css中float属性的使用方法有了一定的了解,想了解更多相关知识,欢迎关注天达云行业资讯频道,感谢各位的阅读!