成都网站建设设计

将想法与焦点和您一起共享

如何在html5里添加定位

在HTML5中,我们可以使用CSS3的position属性来对元素进行定位。position属性有四个值:staticrelativeabsolutefixed,下面我将详细介绍如何在HTML5中添加定位。

1、static定位

static是元素的默认定位方式,元素按照正常的文档流进行排列。







这是一个静态定位的元素。
这是另一个元素。

2、relative定位

relative定位是相对元素自身的正常位置进行偏移。







这是一个相对定位的元素。
这是另一个元素。

3、absolute定位

absolute定位是相对于最近的非静态定位祖先元素进行偏移,如果没有非静态定位的祖先元素,则相对于初始包含块进行偏移。







这是一个绝对定位的元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。
这是另一个元素。

文章题目:如何在html5里添加定位
标题网址:http://chengdu.cdxwcx.cn/article/djjogog.html