您的当前位置:首页正文

cssfloat属性怎么用

2020-11-27 来源:二三四教育网
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>

效果:

96ba3be296e56b7dec301b897ee3445.png

显示全文