在HTML5中,我们可以使用CSS3的position
属性来对元素进行定位。position
属性有四个值:static
、relative
、absolute
和fixed
,下面我将详细介绍如何在HTML5中添加定位。
1、static
定位
static
是元素的默认定位方式,元素按照正常的文档流进行排列。
这是一个静态定位的元素。这是另一个元素。
2、relative
定位
relative
定位是相对元素自身的正常位置进行偏移。
这是一个相对定位的元素。这是另一个元素。
3、absolute
定位
absolute
定位是相对于最近的非静态定位祖先元素进行偏移,如果没有非静态定位的祖先元素,则相对于初始包含块进行偏移。
这是一个绝对定位的元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。这是另一个元素。