HTML5中的定位是一種非常重要的技術(shù)，它可以幫助開發(fā)者更好地控制網(wǎng)頁元素的位置和布局，在HTML5中，有三種定位方式：相對定位、絕對定位和固定定位，下面將詳細(xì)介紹這三種定位方式的使用方法。

目前創(chuàng)新互聯(lián)建站已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、馬村網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

1、相對定位（position: relative）

相對定位是最基本的定位方式，它會(huì)按照元素的原始位置進(jìn)行偏移，相對定位的元素不會(huì)影響其他元素的位置。

使用方法：

我是一個(gè)相對定位的元素，我將向右移動(dòng)20px，向下移動(dòng)10px。
我是一個(gè)普通元素。

2、絕對定位（position: absolute）

絕對定位是將元素從文檔流中移除，然后相對于最近的已定位祖先元素（如果沒有已定位祖先元素，則相對于初始包含塊）進(jìn)行定位，絕對定位的元素會(huì)影響其他元素的位置。

使用方法：

我是一個(gè)絕對定位的元素，我將向右移動(dòng)20px，向下移動(dòng)10px。
我是一個(gè)普通元素。

3、固定定位（position: fixed）

固定定位是將元素從文檔流中移除，然后相對于瀏覽器窗口進(jìn)行定位，固定定位的元素不會(huì)隨著頁面的滾動(dòng)而移動(dòng)。

使用方法：

我是一個(gè)固定定位的元素，我將向右移動(dòng)20px，向下移動(dòng)10px。
我是一個(gè)普通元素。
這是一個(gè)很長的頁面。
我是一個(gè)普通元素。
這是另一個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第三個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第四個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第五個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第六個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第七個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第八個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第九個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十一個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十二個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十三個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十四個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十五個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十六個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十七個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十八個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第十九個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第二十個(gè)很長的頁面。
我是一個(gè)普通元素。
這是第二十一個(gè)很長的頁面。



















































                    

                    分享標(biāo)題：html5中的定位如何使用方法                    

                    分享地址：http://uogjgqi.cn/article/dpjejoh.html