CSS標籤屬性之position

2021-08-28 01:52:57 字數 1053 閱讀 2852

position屬性規定元素的定位型別。

所以的主流瀏覽器都能夠很好的支援position屬性。

任何版本的ie瀏覽器(internet explorer),包括ie8都 不支援position屬性值「inherit」。

一下五個值是position屬性常用的:

absolute:生成絕對定位的元素,相對於static定位以外的第乙個父元素進行定位。元素的位置通過「left」,「top」,「right」以及「bottom」屬性進行規定。

fixed:生成絕對定位的元素,相對於瀏覽器視窗就行定位。元素通過「left」,「top」,「right」以及「bottom」屬性進行規定。

relative:生成相對定位的元素,相對於其正常位置進行定位。因此,「left:20」會向元素的left位置新增20畫素。

static:預設值。沒有定位,元素出現在正常的位置(忽略top,bottom,left,right或者z-index宣告)。

inherit:規定應該從父元素繼承position屬性的值。

示例:相對定位

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

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

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

絕對定位

通過絕對定位,元素可以放置到頁面上的任何位置。下面的標題距離頁面左側 100px,距離頁面頂部 150px。

固定定位

一些文字。

更多的文字。

設定元素形狀

clip 屬性剪下了一幅影象:

(來自:

css屬性標籤小結

css樣式的寫法格式 四種基礎選擇器 復合選擇器 偽類選擇器 文字樣式 屬性名稱 值font family 字型中文字型需要巢狀在引號內,多字型使用英文逗號 font size 字型大小number font weight 字型粗細 normal bold 100 900 font variant ...

《CSS五》CSS中的定位型別position

未脫離文件流,即瀏覽器按照dom結構從上而下,從左而右對頁面進行渲染時,某元素按照順序出現在頁面中。脫離文件流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文件流的元素不存在而進行定位。普通定位就是從上到下從左到右依次排布的布局。普通流中的元素的位置由元素在 x html 中...

css特殊屬性標籤

background transparent 消除預設背景色 outline none 消除邊框 1.css 背景屬性 background background 在乙個宣告中設定所有的背景屬性。background attachment 設定背景影象是否固定或者隨著頁面的其餘部分滾動。backgr...