1.png
2.png
3.png
4.png
元素定位的属性
注意：top、bottom不能两者一起用（left和right也同理），要不用top + left/right，要不用bottom + left/right。
实例代码：
5.png
6.png
1、边偏移
7.png
2、定位模式（定位的分类）
8.png
一个简单完整定位的实例代码：
9.png
四种定位机制
1、静态定位（static）
10.png
实例代码：
11.png
2、相对定位relative(自恋型）
12.png
13.png
实例代码：
14.png
效果图：
15.png
3、绝对定位脱标
16.png
实例代码：
17.png
父级没有定位
18.png
实例代码：
19.png
父级有定位
20.png
实例代码：
21.png
子绝父相（开发种一般推荐这样用）
22.png
23.png
4、固定定位
24.png
25.png
定位练习——哈根达斯
实例代码：
26.png
效果图：
27.png
绝对定位——水平垂直居中
28.png
实例代码：
29.png
效果图：
30.png
网友评论