css浮动的属性是指什么

小编给大家分享一下css浮动的属性是指什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

css浮动的属性是指“浮动”属性,用于指定一个盒子(元素)是否应该浮动,定义朝哪个方向浮动。元素使用了浮动属性后,可以使该元素脱离标准流本身,浮动在其他元素之上,使其不再占用原本属于该元素的空间。

<强> 1。页面布局方式

页面布局方式,主要包含:文档流,浮动层,属漂浮性。

<强> 1.1文档流

HTML页面的标准文档流(默认布局)是:从上到下,从左到右,遇块(块级元素)换行。

<强> 1.2浮动层

浮动层:给元素的浮动属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父元素(默认为身体文本区域)的左右边框。

而此浮动元素在文档流空出的位置,由后续的(非浮动)元素填充上去:块级元素直接填充上去,若跟浮动元素的范围发生重叠,浮动元素覆盖块级元素。内联元素:有空隙就插入。

<强> 1.3浮动属性介绍

浮动属性:用于指定一个盒子(元素)是否应该浮动,可以定义元素朝哪个方向浮动。

元素使用了浮动属性后,可以使该元素脱离标准流本身,浮动在其他元素之上,使其不再占用原本属于该元素的空间,这样会导致后面的元素上移并占用原本属于该元素的空间。

注意:绝对定位的元素忽略浮属性!

属性值:

①左:元素向左浮动。

②右:元素向右浮动。

③没有:默认值。

④继承:从父元素继承属漂浮性。

<强> 1.4示例

& lt; ! DOCTYPE  html  PUBLIC “-//W3C//DTD  XHTML  1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比; 　　 　　& lt; html  xmlns=癶ttp://www.w3.org/1999/xhtml"比; 　　& lt; head> 　　,,,& lt; title> 2.3——漂浮属性& lt;/title> 　　,,,& lt; style 类型=拔谋?css"比; 　　,,,,,,,# 　　,,,,,,,{ 　　,,,,,,,,,,,背景颜色:红色; 　　,,,,,,,,,,,身高:50 px; 　　,,,,,,,,,,,宽度:100 px; 　　,,,,,,,} 　　,,,,,,,# b 　　,,,,,,,{ 　　,,,,,,,,,,,背景颜色:黄色,,,,, 　　,,,,,,,,,,,身高:50 px; 　　,,,,,,,,,,,宽度:200 px; 　　,,,,,,,} 　　,,,,,,,# c 　　,,,,,,,{ 　　,,,,,,,,,,,背景颜色:蓝色,,,, 　　,,,,,,,,,,,身高:50 px; 　　,,,,,,,,,,,宽度:300 px; 　　,,,,,,,,} 　　,,,,,,,,# d 　　,,,,,,,,{ 　　,,,,,,,,,,,背景颜色:灰色; 　　,,,,,,,,,,,身高:50 px; 　　,,,,,,,,,,,宽度:400 px; 　　,,,,,,,,} 　　 　　,,,& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; div  id=a 祝辞div-a