解析HTML中的float和margin的疑惑

2021-07-14 16:11:23 字數 1731 閱讀 2906

對於html中的一些小疑惑,在這裡進行解析一下。

div是基於行,就是乙個div佔據一行,不會讓別的元素,和自己同行。

span

不是基於行的,就是乙個span**有空**專,不會單獨占用一行。

css樣式的

float

浮動屬性,用於設定標籤物件(如:

標籤盒子、

標籤、標籤、

標籤等html

標籤)的浮動布局

div在

float

之後就失去了本個

div基於行的性質。下乙個元素的東西會移動過來。

關於兩個div佔據同一行的解決方法:

來乙個明了的圖。

乙個div

-c浮動之後就不屬於

div-a

的成員了。

div浮動之後的

margin

的計算,是按照與自己靠近的元素為基礎的。

margin說明

margin是

設定物件外邊距外延邊距離

(裡面元素到外右的距離

)。而不是距離別的某個元素的距離

。margin的值有三種情況,可以為正整數和負整數並加單位如

px畫素(margin-left:20px);可以為auto自動屬性(margin-left:auto自動);可以為百分比(%)值(margin-left:3%)。

margin延伸(單獨設定四邊間距屬性單詞)

margin-left物件左邊外延邊距

(margin-left:5px; 左邊外延距離5px)

margin-right物件右邊外延邊距

(margin-right:5px; 右邊外延距離5px)

margin-top物件上邊外延邊距

(margin-top:5px; 上邊外延距離5px)

margin-bottom物件下邊外延邊距

(margin-bottom:5px; 下邊外延距離5px)

同乙個物件在外延距離遇到別的元素(不一定同乙個元素)的時候會進行移動,來使我們的外延距離達到我們的要求。

這裡僅僅是自己的幾個只是疑惑點。如了解具體的可以去查詢相關的api。

HTML中FLOAT和元素定位

浮動1 float屬性 浮動 float left float right float none 2 清除浮動 clear clear left right both none 3 溢位處理 overflow visible hidden scroll auto 定位網頁元素 1 position ...

HTML中Float和元素定位

浮動 1 float屬性 浮動 float left float right float none 2 清除浮動 clear clear left right both none 3 溢位處理 overflow visible hidden scroll auto 定位網頁元素 1 position...

float和Float的區別

float是基本資料型別,float是包裝類 封裝類 封裝類可將接本資料型別封裝後當作物件進行操作,並為各種基本資料型別提供各種轉換功能。例如float f new float 3.4f 即可實現將3.4f這個float型別的基本資料型別變數封裝,然後當作物件處理,進行諸如型別轉換 換為字串或者十六...