CSS布局——定位

 

 

 

 

1. 定位的基本介绍

 

 

 

 

 

2. 定位的基本使用

3. 静态定位

 

 

 

 

 

 

 

 

 

 

4. 相对定位

 

 

 注意事项：如果left和right都有则以left为准

　　　　　　如果右top 和bottom则以top为准

 

5. 绝对定位

 

 

 注意：绝对定位与margin冲突，解决办法如下：

 

 

 

6. 子绝父相 （子absolute：这是相对定位  相父：relative 这是相对定位）

 

 

 

 

 

7. 固定定位

 

 

 

 

8. 元素的层级关系

 

装饰——垂直方向的矫正

 

 

 9.装饰——光标的样式

 

 

 

 圆角边框

 

 

 

 

 

 

 

 溢出效果

 

 

 

 

元素的整体透明度