html元素固定

2022-04-08 08:29:57 字數 1136 閱讀 6831

1、position值描述

static       

預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置(static 元素會忽略任何 top、bottom、left 或 right 宣告)。

relative    

位置被設定為 relative 的元素,可將其移至相對於其正常位置的地方,因此 "left:20" 會將元素移至元素正常位置左邊 20 個畫素的位置。

absolute  

位置設定為 absolute 的元素,可定位於相對於包含它的元素的指定座標。此元素的位置可通過 "left"、"top"、"right" 以及 "bottom" 屬性來規定。

fixed       

位置被設定為 fixed 的元素,可定位於相對於瀏覽器視窗的指定座標。此元素的位置可通過 "left"、"top"、"right" 以及"bottom" 屬性來規定。不論視窗滾動與否,元素都會留在那個位置。工作於 ie7(strict 模式)。

2、z-index 屬性設定元素的堆疊順序。值越高越靠前面,僅能在定位元素上奏效(position:xx)

<

html

>

<

head

>

<

title

>only fit firefox! :(

title

>

<

style

type

="text/css"

>

.fixed_div

style

>

head

>

<

body

>

<

div

class

="fixed_div"

style

="border:1px solid #200888;"

>content, i'm content

div>

<

div

style

="height:888px;background:yellow;"

>

div>

body

>

html

>

html標籤與html元素

1 html標籤 什麼是 html 標籤 1 html 文件和 html 元素是通過 html 標籤進行標記的 2 html 標籤由開始標籤和結束標籤組成 3 開始標籤是被括號包圍的元素名 4 結束標籤是被括號包圍的斜槓和元素名 5 某些 html 元素沒有結束標籤,比如 注釋 開始標籤的英文翻譯是...

HTML元素,文件

html元素是構建網頁的一種單位,是由html標籤和html屬性組成的,html元素也是網頁中的一種基本單位.引用 ahref 盡情學習這是乙個html鏈結元素.p 這是我的第乙個網頁,在這裡 ahref 盡情學習吧 這是乙個html段落元素,它包含了乙個html鏈結元素.html文件就是html頁...

HTML元素型別

1.塊級元素可以巢狀內聯元素及某些替換元素 2.內聯元素只能包含內聯元素 html各種標籤 元素 要麼是block 塊元素 要麼是inline 內聯元素 block元素的特點 inline元素的特點 通常作為其它元素的容器,它可以容納內聯元素和其它塊元素。塊元素 block element html...