css float属性怎么用-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

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

css float属性怎么用？

属性定义及使用说明

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

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

默认值： none

继承： no

版本： CSS1

JavaScript 语法：

1	`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>