css實踐 position定位

2021-07-02 04:41:15 字數 323 閱讀 1424

position

用於設定目標物件的定位方式,一般有absolute、relative、static三個選項,設定後均可設定top bottom right left距離

absolute:

允許物件漂浮於頁面之上,無須考慮周圍布局,如果父元素設定為static或者沒有設定,將以父元素的父元素為參考係,以此類推。

即找到第乙個不是static的元素為參考係

relative:

目標物件的位置將參照前乙個物件的位置進行定位

static:

當前頁面作為參考係,滑鼠滾動時元素位置不變

CSS 定位position屬性

div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容,即 塊框 與之相反,span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中,即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block,可以讓行內元素...

CSS定位機制 position

css的定位機制分為三種,分別是文件流,浮動和定位。其中文件流的意義就 是按照html裡面的寫法從上到下從左到右的布局。浮動包括兩種,左浮動和右浮動,直到它的外邊框邊緣碰到包含框或另乙個浮動框的邊緣。任意的浮動使元素脫離了文件的普通流,就像在文件中不佔據空間。但如果包含塊太窄,無法容納水平排列的浮動...

CSS 定位屬性position

一 position 屬性 規定元素的定位型別。即元素脫離文件流的布局,在頁面的任意位置顯示。有4種不同型別的定位 absolute 絕對定位 脫離文件流的布局,遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素 postion不為static 否則為body文件本身。relative 相...