CSS定位与堆叠详解.pdfVIP

day12

一.定位

1.定位的属性

position:

取值

static:默认值，静态默认文档流

relative相对定位

absolute绝对定位

fixed固定定位

元素的position设置为relative/absolute/fixed中任意一个值

该元素被称为已定位元素

2.偏移属性

top/bottom/right/left

left:100px往右移100px

top:-100px往上移动100px

3.相对定位

元素相对于他原来的位置偏移某个距离

没有脱离默认文档流

页面上的不被其他元素补位

语法：position:relative;必须配合偏移属性使用

使用场合：

1.位置微调

2.经常作为absolute的的已定位的祖先元素

练习：

01_ex用列表显示5张，做出墙效果

当鼠标悬停在上时，团票相对于自己的位置往左上方移动8px

4.绝对定位

绝对定位的元素会脱离默认文档流

绝对定位的元素会相对于离他的的已定位的祖先元素去实现定位

如果所有祖先元素不是已定位元素，