html5中的定位如何使用方法

HTML5中的定位是一种非常重要的技术，它可以帮助开发者更好地控制网页元素的位置和布局，在HTML5中，有三种定位方式：相对定位、绝对定位和固定定位，下面将详细介绍这三种定位方式的使用方法。

目前创新互联建站已为数千家的企业提供了网站建设、域名、网络空间、绵阳服务器托管、企业网站设计、马村网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

1、相对定位（position: relative）

相对定位是最基本的定位方式，它会按照元素的原始位置进行偏移，相对定位的元素不会影响其他元素的位置。

使用方法：

我是一个相对定位的元素，我将向右移动20px，向下移动10px。
我是一个普通元素。

2、绝对定位（position: absolute）

绝对定位是将元素从文档流中移除，然后相对于最近的已定位祖先元素（如果没有已定位祖先元素，则相对于初始包含块）进行定位，绝对定位的元素会影响其他元素的位置。

使用方法：

我是一个绝对定位的元素，我将向右移动20px，向下移动10px。
我是一个普通元素。

3、固定定位（position: fixed）

固定定位是将元素从文档流中移除，然后相对于浏览器窗口进行定位，固定定位的元素不会随着页面的滚动而移动。

使用方法：

我是一个固定定位的元素，我将向右移动20px，向下移动10px。
我是一个普通元素。
这是一个很长的页面。
我是一个普通元素。
这是另一个很长的页面。
我是一个普通元素。
这是第三个很长的页面。
我是一个普通元素。
这是第四个很长的页面。
我是一个普通元素。
这是第五个很长的页面。
我是一个普通元素。
这是第六个很长的页面。
我是一个普通元素。
这是第七个很长的页面。
我是一个普通元素。
这是第八个很长的页面。
我是一个普通元素。
这是第九个很长的页面。
我是一个普通元素。
这是第十个很长的页面。
我是一个普通元素。
这是第十一个很长的页面。
我是一个普通元素。
这是第十二个很长的页面。
我是一个普通元素。
这是第十三个很长的页面。
我是一个普通元素。
这是第十四个很长的页面。
我是一个普通元素。
这是第十五个很长的页面。
我是一个普通元素。
这是第十六个很长的页面。
我是一个普通元素。
这是第十七个很长的页面。
我是一个普通元素。
这是第十八个很长的页面。
我是一个普通元素。
这是第十九个很长的页面。
我是一个普通元素。
这是第二十个很长的页面。
我是一个普通元素。
这是第二十一个很长的页面。



















































            

                分享文章：html5中的定位如何使用方法
                

                本文链接：http://www.shufengxianlan.com/qtweb/news3/506303.html
            
            

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

                广告
                
            
            

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