建站
咨詢
售后
建站咨詢
新聞中心
在HTML5中，可以使用CSS的position屬性來(lái)對(duì)元素進(jìn)行定位。position屬性有四個(gè)值：static、relative、absolute和fixed，下面將詳細(xì)介紹每個(gè)值的用法和特點(diǎn)。
成都創(chuàng)新互聯(lián)公司專(zhuān)注于高昌企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城系統(tǒng)網(wǎng)站開(kāi)發(fā)。高昌網(wǎng)站建設(shè)公司,為高昌等地區(qū)提供建站服務(wù)。全流程按需求定制制作，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)
1、static（默認(rèn)值）：
元素按照正常的文檔流進(jìn)行排列。
無(wú)法通過(guò)top、bottom、left和right屬性來(lái)改變?cè)氐奈恢谩?/p>
2、relative：
元素相對(duì)于其正常位置進(jìn)行定位。
可以通過(guò)top、bottom、left和right屬性來(lái)改變?cè)氐奈恢谩?/p>
不會(huì)影響其他元素的布局。
3、absolute：
元素相對(duì)于最近的非靜態(tài)定位祖先元素進(jìn)行定位。
如果元素沒(méi)有非靜態(tài)定位的祖先元素，則相對(duì)于文檔窗口進(jìn)行定位。
可以通過(guò)top、bottom、left和right屬性來(lái)改變?cè)氐奈恢谩?/p>
會(huì)覆蓋其他元素的布局。
4、fixed：
元素相對(duì)于瀏覽器窗口進(jìn)行定位。
可以通過(guò)top、bottom、left和right屬性來(lái)改變?cè)氐奈恢谩?/p>
不會(huì)隨著頁(yè)面滾動(dòng)而移動(dòng)。
下面是一個(gè)簡(jiǎn)單的示例，展示了如何使用不同的定位方式：
相對(duì)定位的元素
絕對(duì)定位的元素
固定定位的元素
在上面的示例中，我們創(chuàng)建了一個(gè)包含三個(gè)不同定位方式的DIV元素，第一個(gè)DIV使用相對(duì)定位，相對(duì)于其正常位置向右移動(dòng)20像素，向上移動(dòng)10像素，第二個(gè)DIV使用絕對(duì)定位，相對(duì)于最近的非靜態(tài)定位祖先元素（即第一個(gè)DIV）的中心位置進(jìn)行定位，第三個(gè)DIV使用固定定位，相對(duì)于瀏覽器窗口的右下角固定位置。
名稱(chēng)欄目：html5中的定位如何使用
文章地址：http://www.5511xx.com/article/cdhjpdo.html
