HTML的position屬性簡單應用

2021-10-08 17:09:22 字數 711 閱讀 8271

一、position的應用場景

position有多個值,其中三個經常用的到分別:relativeabsolutefixed

absolute絕對定位,相對於父級並且父級設定了relative進行定位。如果父級沒有設定relative使用margin-top屬性的時候,會讓父級隨之變動。

**如下:

>

>

charset

="utf-8"

/>

>

定位title

>

head

>

>

style

="background-color

: slateblue;

margin

: 0;

">

h1標籤h1

>

class

="father"

>

class

="son"

>

我是子div

>

div>

html中的position屬性

position共3個屬性 1.absolute 脫離原來的位置進行定位 跟最近的父級進行定位,如果沒有則相對文件進行定位 2.relative 保留原來的位置進行定位 自己原來的位置仍然佔據 相對自己原來的位置進行定位 3.fixed 與absolute定位模式相同,不同之處在於,fixed的定位...

html布局 position屬性 和流

我看了1 2個月的前端技術,還是很菜鳥,不過我只是順便記錄一下我的成長,或許這篇博文不太重要,而且很水,不過99 人懂了,或許還有1 的人不懂,能分享就好,我就抱著這心態去學習和分享的,呵呵!html一共有5種布局,我所說得布局是position的屬性 static,relative,absolut...

position 的屬性值

理論上來說,全部 position 的取值有8個 包括 position static relative absolute fixed sticky initial inherit unset 其中最常用的是 static relative absolute fixed 和 sticky initi...