定位:
position
值有相对定位(relative)、绝对定位(absolute)、固定定位(fixed)
遍移量:
left
top
right
bottom
1.相对定位relative
针对自己本身的位置进行定位
*不影响元素本身的特性
*不使元素脱离文档流
*提升层及
*相对定位是不可以清除元素中的浮动
2.绝对定位absolute
针对有定位的父级的原点进行定位:如果父级没有定位,会找父级的父级,直到找到父级父级有定位,才开定位。如果所有的父级都没有定位属性,那就与document原点进行定位。
*会使元素完全脱离文档流
*内容撑开宽度和高度
*使用元素支持所有css样试
*提升层级 z-index
*绝对定位和相对定位一般都要配合使用
*绝对定位会清除margin 中的auto
*绝对定位可以清除子元素中的浮动
3.固定定位fiexd
*针对页面窗口进行定位
left top 比 right bottom 的优先级要高
*不支持 IE6
上课案例: