美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何在html5里添加定位

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

1、static定位

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







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

2、relative定位

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







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

3、absolute定位

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







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

分享文章:如何在html5里添加定位
链接分享:http://www.zsjierui.cn/article/djjogog.html

其他资讯