一、position元素介紹

position屬性規(guī)定了元素的定位類型,通過定位,可準(zhǔn)確地定義元素相對(duì)于其正常位置而應(yīng)該出現(xiàn)的位置,或者是相對(duì)于父元素、另一元素和瀏覽器窗口等的位置。

position屬性包含有5個(gè)屬性值,分別為static、relative、absolute、fixed以及inherit。

具體屬性值描述如下表格所示:

<style id="bbund"><tbody id="bbund"></tbody></style>
  • 屬性值描述所屬類別
    static

    默認(rèn)值,元素遵循默認(rèn)的文檔流。


    relative

    元素遵循默認(rèn)的文檔流。

    相對(duì)于元素的原位置進(jìn)行移動(dòng),周圍元素忽略該元素的移動(dòng)。

    需要設(shè)置top、bottom、left、right值進(jìn)行定位。

    相對(duì)定位
    absolute

    元素脫離正常文檔流。

    相對(duì)于包含該元素的第一個(gè)非靜態(tài)定位的元素進(jìn)行定位,若不滿足條件,則會(huì)根據(jù)最外層的window進(jìn)行定位。

    需要設(shè)置top、bottom、left、right值進(jìn)行定位。

    延伸閱讀

    學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式

    我想了解如何學(xué)習(xí)

    姓名:
    手機(jī):
    留言: