页面布局之浮动属性和定位属性

浮动属性

浮动定位是指：

• 将元素排除在普通流之外
• 元素将不在页面中占据空间
• 将浮动元素放置在包含框的左边或者右边
• 浮动元素依旧位于包含框之内

浮动的框可以向左或者向右移动，直到他的外边缘碰到包含框或者另一个浮动框的边框为止
浮动元素的外边缘不会超过其父元素的内边缘
浮动元素不会互相重叠
浮动元素不会上下浮动
任何元素一旦浮动，display属性将完全失效均可以设置宽高，并且不会独占一行

语法：

float:none\left\rignt;

清除浮动

清除浮动是在使用了浮动之后必不可少，为了网站布局的效果，清除浮动也变的非常麻烦。
属性：clear
值：left、right、both
清除浮动的常用方式；
1.结尾处加空div标签clear：both
2.浮动元素的父级div定义overflow：hidden
3.浮动元素的父元素定宽高。