關于加了浮動后，文字由底對齊變成頂對齊的疑問？
為什么原來123是底對齊，img加了浮動之后，123就跑上邊變成頂對齊了，其中的原理是什么呢？
哪位大佬幫忙看下，謝謝~
加了浮動之后
balabanaaana
2018-12-04
7 回答
舉報
0/150
提交
取消
2019-02-18
我研究來研究去，覺得最讓人信服的說法是設置了float的元素，會有頂部對齊的特點
2019-01-04
<html>
<head>
<title>jkba</title>
2018-12-26
今天剛看了<<css世界>>說浮動元素會生成塊盒子,具體原因待查
2018-12-18
float浮動,最初的作用就是用來讓文字包裹圖片
如何包裹,他就如何體現
2018-12-05
它們不在一個層上可以這么理解吧
2018-12-05
把它理解成兩個塊狀元素，一開始兩個都沒有浮動，相當于在一張稿紙的第一行寫了一個很大的字，然后你肯定是貼著底邊線寫的，之后寫第二個字雖然小但也是貼著底邊線寫的。如果你讓它浮動，就想像一下兩個字在兩張不同的稿紙上，各自占據各自的第一行，第二章的行高自然沒必要和寫大字的紙的行高一樣，然后你再把兩張紙裝訂在一起就好像小字飄上去了。然而實際上他們一直都是貼著底邊線寫的，只是一開始在一張紙上，第一個字把第一行給撐開了的感覺，但是第二次在兩張紙上就互不影響了
2018-12-05
加了浮動之后，浮動的塊是一個單獨的塊狀顯示區域，就跟你在空白頁面輸出 “hello world”一樣。而沒有加浮動時，圖片跟文字是并列排布，當然是跟隨圖片的底邊緣。我是這么理解的，不知對不對