最近大家都在讨论css定位分为几种 分别是什么定位_css定位相关的事情，对此小编也是非常的感应兴趣，那么这件事具体又是怎么回事呢？下面就是小编搜索到的关于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、运行代码截图如下：

本文到此结束，希望对大家有所帮助。

关键词：