css float属性怎么用
程序员文章站
2022-04-04 17:29:32
...
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属性怎么用的详细内容，更多请关注其它相关文章！
上一篇： PHP上传图片并检查是否安全的方法