css position 相對定位

2022-04-12 04:46:59 字數 741 閱讀 3595

<

html

>

<

head

>

<

style

type

="text/css"

>

h2.pos_left

h2.pos_right

style

>

head

>

<

body

>

<

h2>這是位於正常位置的標題

h2>

<

h2 class

="pos_left"

>這個標題相對於其正常位置向左移動

h2>

<

h2 class

="pos_right"

>這個標題相對於其正常位置向右移動

h2>

<

p>相對定位會按照元素的原始位置對該元素進行移動。

p>

<

p>樣式 "left:-20px" 從元素的原始左側位置減去 20 畫素。

p>

<

p>樣式 "left:20px" 向元素的原始左側位置增加 20 畫素。

css position 相對定位

html head style type text css h2.pos left h2.pos right style head body h2 這是位於正常位置的標題 h2 h2 class pos left 這個標題相對於其正常位置向左移動 h2 h2 class pos right 這個標題...

html 定位 CSS Position定位

說明position 屬性指定了元素的定位型別。position 屬性的五個值 元素可以使用的頂部,底部,左側和右側屬性定位。所有的css定位屬性 bottom 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。值 clip 剪輯乙個絕對定位的元素 cursor 顯示游標移動到指定的型別 lef...

CSS Position 定位屬性

本篇文章主要介紹元素的position屬性,此屬性可以設定元素在頁面的定位方式。1.介紹 position 介紹position的值以及輔助屬性。2.position 定位方式 介紹position的四種定位方式 絕對 相對 固定 預設。3.總結 position 以示例的方式展示position。...