關於float的一些理解

2021-07-08 11:15:10 字數 807 閱讀 1994

float是否脫離文件流,乙個父元素不設定overflow的話,子元素float,就不會把父元素撐開,換句話說,他就不會有高度,但是做個demo:父元素overflow:hidden; 子元素前兩個float,第三個不float,結果是第三個沒有clear浮動的元素,跟float的元素出現在同乙個位置,前提是這三個元素都是塊元素。如果是行內元素的話,浮動元素則會跟行內元素爭搶空間。

總結一下:

1.float起初是為了解決文字環繞的問題而產生的。

2.元素float的時候,該元素自己的display會變為block。

3.父元素如果不加overflow:hidden的時候,不會出現在父元素內,或者父元素不被該元素撐開,沒有高度。

4.float元素會佔據行內元素的空間,會影響周圍行內元素的位置。

5.float元素不會佔據塊級元素的空間,下乙個塊級元素會當沒有浮動元素的出現,而出現在浮動元素的位置;這個現象出現的解決辦法就是為clear屬性賦值,left,right,或者both。

6.clear會根據值清除不同浮動對該元素影響,left清除左浮動,意思就是float:left的元素會佔據文件中塊元素的位置,以此類推。

7.浮動在ie7這個喝三鹿牛奶長得瀏覽器下會出現很多bug,讓人匪夷所思,比如一行內左右浮動算兩行;多個浮動,倒數第二個又間距;多個浮動階梯排列等問題。

11111

dsadsadsa

22222

效果:

float一些效果

浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中,所以文件的普通流中的塊框表現得就像浮動框不存在一樣。文字的特點 不會鑽入到任何東西的下邊。注 如果上層被設定position absolute的div覆蓋,則被覆蓋的下一層div中則文字不會展...

理解float中的一些知識點

float元素會脫離block的文件流,不會脫離inline的文件流 包含inline block inline block與inline元素共佔一行inline float會導致父元素高度塌陷,因此在父元素最後新增乙個乙個div或者after偽類的 clear both可以找回父元素丟失的高度 c...

關於熵的一些理解

對於理工科學生來說,熵 並不是乙個陌生的名詞。在諸如 大學物理 熱力學 和 資訊理論 等課程中都會有所介紹。但同時 熵 又是乙個顯得有點神秘的概念,看不見也摸不著。我最早是在高中物理課中聽說的,大概是在介紹 熱力學第二定律 時提到的。熱力學第二定律的內容是 熱力學過程是不可逆的 孤立系統自發地朝著熱...