浮动定位

标签：

1、定位概述

　　定位:定义元素框相对于其正常位置应该应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置

　　普通流定位

　　浮动定位

　　相对定位

　　绝对定位

2、普通流定位

　　页面中的块级元素框从上到下一个接一个地排列

　　　　每一个块级元素都会出现在一个新行中（比如<p>元素、<div>元素）

　　　　元素框之间的垂直距离是由框的垂直外边距计算出来的

　　内联元素将在一行中从左到右排列水平布置

　　　　不需要从新行开始

　　　　可以使用水平内边距，边框和外边距调整他们的间距

3、浮动概述

　　浮动定位是指

　　　　将元素排除在普通流之外

　　　　将浮动元素放置在包含框的左边或右边

　　　　浮动元素依旧位于包含框之内

　　浮动的框可以向左或向右移动，直到他的外边缘碰到包含框或另一个浮动的边框为止

　　　　经常使用它来实现特殊的定位效果

4、float属性

　　如果需要设置框浮动在包含框的左边或者右边，可以通过float属性来实现

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

　　　　在CSS中，任何元素都可以浮动

　　float:none/left/right;

5、clear属性

　　clear属性用于清除浮动所带来的影响

　　clear：none/left/right/both;

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

浮动定位

标签：

原文地址：http://www.cnblogs.com/Crow00/p/4546235.html