1. 浮动的基本语法
基本语法：
浮动写法示例：
网页效果（未加float:left前）
加上float之后
由上面的例子可知，两个盒子同时往左浮动，脱离了标准文档流，就可以并排布局了。
2. 浮动的性质
1）浮动的元素脱标
一个元素一旦脱离标准文档流，它原来所在标准文档流中的位置就会被它下面的元素占据。
无论块级元素还是行内元素，一旦浮动了，就能够并排布局了，并且能够设置宽和高。
2）浮动元素相互贴靠
三个盒子都向左浮动，1、2、3紧密贴靠。如果逐渐缩小网页的宽度，放不下3个盒子时，3号盒子就会掉落下来，向左贴着1号盒子。如图：
继续缩小网页宽度，直至小于3号盒子的右边，网页没有足够的空间放下3号盒子3号盒子会自然掉落下来，紧贴网页左边。如图：
3）浮动的元素有“字围”效果
网页有一个div元素和一个p元素，让div浮动，p不浮动，如图：
div挡住了p，但是p中的文字不会被挡住，形成“字围”效果。
4）收缩
一个浮动的元素，如果没有设置width，那么将自动收缩为文字的宽度（这点非常像行内元素）。
网页效果：
浮动一定要遵循一个原则：永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。
--- position
通过浮动可以使其父元素向左侧或者右侧移动
（1）脱离文档流
（2）设置以后会向父元素的左侧或者右侧移动
（3）浮动的元素默认不会从父元素中移出
（4）浮动元素向左向右移动的时候，不会超过他前面的浮动元素
（5）如果浮动元素的上面是一个浮动元素，就不会上移
（6）浮动元素不会超过前面的元素，最都就是一样高
您好！CSS中能够是元素脱离文档流的操作有如下：
1、float2、position:absolute绝对定位
3、position:fixed固定定位 //IE6不兼容
position:relative 相对定位不会脱离文档流，相对定位具有一下特点：
1、不影响元素本身的特性；2、不使元素脱离文档流；
3、如果没有定位偏移量，对元素本身没有任何
希望我的回答能够帮助您！
网站课堂团队为您服务！
