大家好，小信来为大家解答以上问题。css定位分为几种 分别是什么定位，css定位很多人还不知道，现在让我们一起来看看吧！
1、 新test.html文件
2、 写绝对定位部分的代码，演示一下！
3、 该函数的核心html代码：
4、 div id='absolute '
5、 H2是绝对定位/h2。
6、 /div
7、 该功能的核心css代码：
8、 # absolute { top:100px；左：300px背景色：绿色；宽度：200px高度：100px
9、 位置：绝对；填充顶部：50px左填充：50px
10、 }
11、 核心代码截图如下：
12、 运行效果截图如下
13、 写相对定位部分的代码，演示一下！
14、 该函数的核心html代码：
15、 div id=' relitive '
16、 H2是相对定位/h2。
17、 /div
18、 该功能的核心css代码：
19、 # relive { top:200 px；左：100px背景色：红色；宽度：200px高度：100px
20、 位置：绝对；填充顶部：50px左填充：50px}
21、 核心代码截图如下：
22、 运行效果截图如下
23、 写固定定位部分的代码，演示一下！
24、 该函数的核心html代码：
25、 div id='fixed '
26、 H2，我是固定定位/h2。
27、 /div
28、 该功能的核心css代码：
29、 # fixed { top:300 px；左：300px背景色：黄色；宽度：200px高度：100px
30、 位置：绝对；填充顶部：50px左填充：50px}
31、 核心代码截图如下：
32、 运行效果截图如下
33、 该模型解释了相对定位和绝对定位之间的关系。
34、 该函数的核心html代码：
35、 div id='何姿'
36、 div id='neirong '
37、 相对定位是我爸的绝对定位。
38、 /div
39、 /div
40、 该功能的核心css代码：
41、 #何姿{ top:450 px；左：300px背景色：蓝色；宽度：200px高度：100px
42、 位置：相对；填充顶部：50px左填充：50px}
43、 # nei Rong { top:50px；左：30px背景色：黑色；宽度：150px高度：80px
44、 位置：绝对；颜色：白色；}
45、 运行代码截图如下：
本文到此结束，希望对大家有所帮助。
标签：
免责声明：本文由用户上传，如有侵权请联系删除！