html定位屬性和浮動元素的知識點

2021-09-25 11:49:05 字數 649 閱讀 1525

static 靜態位置屬性

相對定位 relative

絕對定位 abosult

1:浮動後:元素本身脫離文件流,原來的位置被其他元素所佔據

2:浮動後;在同乙個父元素中,目標元素回佔據乙個浮動後位置。

3:注意:浮動只能是;子元素在容器中進行位置移動。如果父容器剩餘寬度不能容納兩乙個子元素,那麼久換行。

** 目標元素的浮動範圍:父容器 **

4:同一位置多個元素;具有浮動屬性的元素;層級高於不懼有浮動屬性的元素

總結;

浮動元素浮動了以後就像變成了靈魂體一樣別的標籤看不到他他卻能看到別的標籤,他會給別的標籤讓位別的標籤不會給他讓位

浮動規律:第一步元素在布局流中的起始位置,第二步 :沿自身水平方向進行浮動,如果水平方向空間不夠,那麼自動換到下一行

5: 解決浮動 帶來的問題,

- 方式一:給父元素設定乙個固定高度

- 方式二:在最後乙個浮動元素,元素下面新加乙個元素,清除浮動

- 方式三:偽元素清除;給父元素新增偽元素 content:"",display:block ;clear:both;

html之浮動和定位

可以讓原本不能同時顯示在一行的元素顯示在一行,可以讓元素位置更精確 分為以下幾類 絕對定位 absolute脫離文件流,相對自己定位 相對定位relative 不脫離文件流,相對文件定位 固定定位fiex 相對視窗定位 靜態定位static 特別情況 定位有父級的時候 父級 相對定位 子級 絕對定位...

前端 HTML 塊元素 行內元素 浮動,定位

1.9 塊狀元素和內聯元素的區別 a 塊狀元素單獨成行吧,不用其他元素一起在一行,內聯元素可以多個併排在一行 b 塊狀元素內可以有子元素,內聯元素不能包括子元素 c 塊狀元素可以設定寬高,內聯元素不能設定寬高 d 塊狀元素和內聯元素可以通過display屬性進行互相轉換 display inline...

html 元素和屬性

html文件是由html元素組成的 開始標籤 元素內容 結束標籤 這是乙個段落 這是乙個鏈結 元素的巢狀 準確的說,html文件是由巢狀的元素組成的 空元素元素內容為空的元素為空元素,一般空元素是在開始標籤內結束,但有些空元素沒有結束標籤,如 是換行標籤,推薦使用 也是可以的,但是標準推薦對於空元素...