CSS布局——定位

标签：定位 top 布局 相对 为准 CSS left

 

 

 

 

1. 定位的基本介绍

 

 

 

 

 

2. 定位的基本使用

3. 静态定位

 

 

 

 

 

 

 

 

 

 

4. 相对定位

 

 

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

　　　　　　如果右top 和bottom则以top为准

 

5. 绝对定位

 

 

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

 

 

 

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

 

 

 

 

 

7. 固定定位

 

 

 

 

8. 元素的层级关系

 

装饰——垂直方向的矫正

 

 

 9.装饰——光标的样式

 

 

 

 圆角边框

 

 

 

 

 

 

 

 溢出效果

 

 

 

 

元素的整体透明度

 

 

 

 

 

标签：定位,top,布局,相对,为准,CSS,left
From： https://www.cnblogs.com/lsy579/p/16913176.html