float和margin的區別

2021-07-15 10:26:56 字數 944 閱讀 7626

padding:10px 0 10px 20px,上10 右0 下10 左20

margin:10px 0 10px 20px,上10 右0 下10 左20

四個值順時針旋轉

目前web2.0已經越來被人們認可,因為喜歡搞web開發的人員不得不硬著頭皮去學習web2.0的標準,其中很重要的一條就是新的布局規則,div+css。以前基本上是用table布局的,這種傳統的方式簡單直觀,但是這新的標準我學習起來時常找不到北。呵呵,就拿今天這個例子來說吧,很多朋友肯定也有我這種情況的,那我就從網上蒐集一些例子出來,讓個更多的人消除這種煩惱。

事例一:

css中padding和margin的區別

margin 外邊距

border 邊框

padding 內邊距

也就是說 設定margin 那麼他所佔據的空白地方會是在邊框外面

設定padding 他所佔據的空白地方是在邊框裡面,**一下就更清楚了。

如上圖,a,b兩個方框,a**padding,b代表margin,現在我們看a箭頭與藍色邊框的距離,這就是padding叫做內邊距,下面再來看看b外面的箭頭與b之前的距離就是我們所說的margin的,叫做外間距,哈哈你現在應該明白了,什麼是padding,什麼是margin吧?呵呵

事例二:

看看css盒模型,下圖!margin是 div與周邊元素的距離padding是 div裡邊內容與這個div的距離

2、table內部的填充屬性和間距屬性

float和Float的區別

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

解析HTML中的float和margin的疑惑

對於html中的一些小疑惑,在這裡進行解析一下。div是基於行,就是乙個div佔據一行,不會讓別的元素,和自己同行。span 不是基於行的,就是乙個span 有空 專,不會單獨占用一行。css樣式的 float 浮動屬性,用於設定標籤物件 如 標籤盒子 標籤 標籤 標籤等html 標籤 的浮動布局 ...

CSS中的float和margin的混合使用

在最近的學習中,在github上找了一些布局練習,我發現了我自己對布局超級不熟悉 很難受 在以前的學習css過程中,感覺使用css就記住各個屬性的屬性值以及作用就ok了,但是實際上呢?呵呵一笑。不說了,太傷心了,進入正題吧!最近我使用float和margin布局,加深了我對這兩個一起使用的理解。新生...