css中float可以取哪些值,css里面的float

http://www.itjxue.com  2023-01-24 10:56  来源:未知  点击次数: 

哪个大神给解释一下css的float!!!

1) float 属性定义元素在哪个方向浮动。在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

2)为何需要浮动?

HTML文件组织元素时,其顺序是【自上而下】排列的,而现实中,我们需要各个元素按照特别的顺序排列(比如【左右】),以达到美观的目的。FLOAT就是用来打破固有的从上而下的顺序。比如,两个DIV,都是块级元素,是不能排在同一行的,但是如果用FLOAT,则可以在同一行显示。

FLOAT作用就是为了定位。

3)如何使用?通常配合MARGIN,或PADDING来定位元素。FLOAT有两个值,LEFT 和RIGHT.

4)使用后,要用CLEAR:BOTH 来清除,否则,会影响后续元素的排列。

希望可以帮到你~!

FLOAT的属性

float为CSS中指定对象是否及如何浮动的属性。

以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级元素,而不论它本身是何种元素。元素对象设置了float属性之后,它将不再独自占据一行。浮动块可以向左或向右移动,直到它的外边缘碰到包含它的框或另一个浮动块的边框为止。

float属性有四个可用的值:Left和Right分别浮动元素到各自的方向,None(默认的) 使元素不浮动,Inherit 将会从父级元素获取float值。 初始值:none

继承性:无

媒体:visual

兼容性:IE4+NS4+

适用于:所有元素,除了定位元素(but ositioned elements and generated content) 参数值:

none:  对象不浮动

left :  对象浮在左边

right :  对象浮在右边

css中的float属性详解

根据w3c的标准,position一共有五个属性值,none,inherit,left,right

任何元素都可以浮动,浮动元素会生成一个块级框,而不论它本身是何种元素。

使用浮动的时候页面会出现许多非正常现象,大多问题需要清除浮动, 常见的清除浮动方法有三种:

1. 给父级元素设置高度

2. 使用clear:both清除浮动

3. 给父元素设置overflow:hidden属性

(责任编辑:IT教学网)

更多

推荐Access文章