一、position元素介紹

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

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

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

      <button id="9lubo"></button>
        屬性值描述所屬類別
        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)行定位。

        網(wǎng)友評(píng)論