当前位置: 首页 > 文档资料 > CSS 入门教程 >

float

优质
小牛编辑
135浏览
2023-12-01

描述 (Description)

float属性导致元素移动到父元素内容区域的一侧,允许其他内容在其周围流动。

可能的值 (Possible Values)

  • left - 元素浮动到其父元素的内容区域的左侧。

  • right - 元素浮动到其父元素的内容区域的右侧。

  • none - 元素未浮动。

适用于 (Applies to)

所有元素,但定位元素和生成的内容。

DOM语法 (DOM Syntax)

object.style.float = "left";

例子 (Example)

以下是显示此属性用法的示例 -

<h1 style = "float: left;">
   CSS float Example
</h1>
<p>
   If your browser supports the CSS float Property, this text will be flowing  around the heading.
</p>

这将产生以下结果 -

<h1 style="float: left;">CSS float Example</h1>
<a href="/cgi-bin/printpage.cgi" target="_blank"><i></i> Print</a>