Html 中float属性值额用法

html-css012

Html 中float属性值额用法,第1张

float一般用作css里面;

即使在HTML出现,也是出现在div框架或者行内css里面的。

一般来讲是这样的<span="float:值">;

限定某块的浮动情况,值通常为:right、left等方向型元素。

float 属性定义元素在哪个方向浮动。

其属性有:

float:left;

float:right;

float:none;

float:inherit;

--------------------------------

left 元素向左浮动。

right 元素向右浮动。

none 默认值。元素不浮动,并会显示在其在文本中出现的位置。

inherit 规定应该从父元素继承 float 属性的值。

-------------------------------------------------------------

clear 属性定义了元素的哪边上不允许出现浮动元素。

其属性有:

left 元素向左浮动。

right 元素向右浮动。

none 默认值。元素不浮动,并会显示在其在文本中出现的位置。

inherit 规定应该从父元素继承 float 属性的值。

float是浮动,如果设置小盒子浮动,小盒子浮动的距离是根据小盒子前一个浮动兄弟元素的位置浮动的。所以一般大盒子里面的小盒子要么都浮动,要么都不浮动。

postiton是定位,有absolute和relative,fixed。一个定位的元素一定是被其他元素层层包起来的,至少是body包起来。absolute是根据包起来的定位元素定位的,如果包他的元素都没设置position,那就根据body定位。relative是相对定位,相对于包起它的元素定位的。fixed是根据屏幕定位的。

一般用absolute的话,都把包这个小盒子的大盒子设置为relative。这样小盒子的absolute会根据包它的大盒子绝对定位。