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...