09CSS高级定位

CSS高级定位

---

定位方式——position

position:static|absolute|relative static表示为静态定位，是默认设置。  absolute表示绝对定位，与下位置属性top、bottom、right、left等结合使用可实现对元素的绝对定位。 relative表示相对定位，对象不可层叠，但也要依据top、bottom、right、left等属性来设置元素的具体偏移位置。

设置位置——top、bottom、right、left

top:auto|长度值|百分比 bottom: auto|长度值|百分比 left: auto|长度值|百分比 right: auto|长度值|百分比

浮动——float

float:left|right|none left表示浮动元素在左边，是居左对齐的。  right表示浮动元素在右边，是居右对齐的。  none表示不浮动，是默认值。

清除——clear

clear:left|right|both|none left表示不允许在某元素的左边有浮动元素。 right表示不允许在某元素的右边有浮动元素。 both表示在某元素左右两边都不允许有浮动元素。 none表示在某元素左右两边都允许有浮动元素