文字
分享

语法:

float:none | left | right

默认值:none

适用于:所有元素

继承性:无

动画性:否

计算值:指定值

取值:

none:设置对象不浮动

left:设置对象浮在左边

right:设置对象浮在右边

说明:该属性的值指出了对象是否及如何浮动。请参阅clear属性

如果float不是none,当display:inline-table时,display的计算值为table;当display:inline | inline-block | run-in | table-* 系时,display的计算值为block,其它情况为指定值;

float在绝对定位和display为none时不生效。

对应的脚本特性为styleFloat(IE)或cssFloat(非IE)。(注意这里为styleFloat或cssFloat,而不是float)

兼容性:

360截图20180124165757557.jpg

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>float_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

.test {

    float: right;

    background: #eee;

}

</style>

</head>

<body>

<div class="test">我将出现在屏幕右方</div>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例


上一篇:display下一篇:clear