日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:52003
  • 待審:43
  • 小程序:12
  • 文章:1047590
  • 會員:762

css 中的 position 屬性用于定義元素在文檔流中的位置,可以取值為:static(默認):元素在文檔流中按正常順序排列。relative:將元素相對于其原位置移動一定距離,但仍保留在文檔流中。absolute:將元素從文檔流中移除,相對于其父級或根元素進行定位。fixed:將元素固定在瀏覽器視口中,即使滾動頁面也不會移動。

CSS 中 position 的用法

position 屬性定義元素在 HTML 文檔流和周圍元素中的位置。它可以指定元素是靜態的、相對的、絕對的還是固定的。

1. static(默認值)

靜態定位是默認定位,元素在文檔流中占據正常空間。

2. relative

相對定位將元素從其正常位置移動一段距離,但不會脫離文檔流。

3. absolute

絕對定位將元素從文檔流中移除并根據其父元素或根元素進行定位。

4. fixed

固定定位將元素固定在瀏覽器視口中,即使滾動頁面也不會移動。

使用方法

position 屬性的語法如下:

<code class="&lt;a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css"&gt;position: value;</code>

登錄后復制

其中,value 可以是以下值之一:

static
relative
absolute
fixed

示例

以下示例將 div 元素相對定位 10px 向右移動:

<code class="css">div {
  position: relative;
  right: 10px;
}</code>

登錄后復制

以下示例將 div 元素絕對定位在頁面右下角:

<code class="css">div {
  position: absolute;
  bottom: 0;
  right: 0;
}</code>

登錄后復制

注意:

只有具有定位屬性的元素才能設置 left、right、top 和 bottom 屬性。
相對定位的元素在文檔流中占據空間,而絕對定位的元素不占據。
固定定位的元素不會隨著頁面滾動而移動,但會影響其他元素的定位。

分享到:
標簽:CSS position 用法
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 52003

    網站

  • 12

    小程序

  • 1047590

    文章

  • 762

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定