如何在html5里添加定位

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

1、static定位

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







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

2、relative定位

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







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

3、absolute定位

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







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

本文名称:如何在html5里添加定位
网站网址:http://www.shufengxianlan.com/qtweb/news9/433159.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联