關於overflow hidden的研究

2021-05-28 08:16:04 字數 722 閱讀 2811

示例頁面原始碼:

當外層div設定overflow:hidden屬性,內層div設定了float:left,如果同時寬度超過外層div,會自動擷取內層div width,以適合外層width.

#nei

#wai

另外,我們再做乙個試驗,將wai這個div的高度值刪除後,我們發現,wai的高度自動的被nei這個div的高度值給撐開了。

我們來來理解一下float,「浮動」這個詞的含義。

我們原先的理解是,在乙個平面上的浮動,但是通過這個試驗,我們發現,這不僅僅是乙個平面上的浮動,而是乙個立體的浮動!

也就是說,當nei這個div加上float這個屬性的時候,它已經脫離了wai這個div,也就是說,此時的nei的寬高是多少,對於已經脫離了的wai來說,都是不起作用的。

當我們理解了浮動這個詞後,再來理解overflow:hidden清除浮動的意思。也就是說,當我們給wai這個div加上overflow:hidden這個屬性的時候,其中的nei等等帶浮動屬性的div的浮動屬性被清除了.

這就是overflow:hidden這個屬性清除浮動的準確含義。

當我們沒有給wai這個div設定高度的時候,nei這個div的高度,就會撐開wai這個div,而在另乙個方面,我們要注意到的是,當我們給wai這個div加上乙個高度值,那麼無論nei這個div的高度是多少,wai這個高度都是我們設定的值。而當nei的高度超過wai的高度的時候,超出的部分就會被隱藏。這就是隱藏溢位的含義!

關於程式關於世界

首先,在學了1年多的軟體設計的基礎上,問下自己 程式是什麼?業務需求是什麼?程式有什麼用?什麼是演算法?什麼是資料庫?或許每個人的理解不同,會給出不同的答案。那麼自己的理解 程式是乙個讓計算機工作的流程,在程式寫好之後,計算機就會按照,程式設計師定義好流程在執行。其實很多時候,乙個程式的好壞,在於乙...

關於血液關於軟體

1 自然沉降法 將血袋垂直吊掛於4 2 冰箱內,使紅細胞自然下沉1 3d,或將血袋呈70 80 角立於冰箱,需用時,用一次性分漿器分出血漿,制得濃縮紅細胞。2 洗滌法 一般用生理鹽水反覆洗滌3 6次。經洗滌的紅細胞,除白細胞和血小板減少外,血漿蛋白也極少,紅細胞中殘存的血漿蛋白含量約為原總蛋白的1 ...

關於冷漠,關於愛情

我不知道為什麼今天又莫名其妙開始思考愛情這件事,隨之就解決了我一直無法面對冷漠這件事 被冷漠是我始終無法消化的一件事,每當遇見冷漠時,我總會覺得就像一團火把自己燒得面目全非,但對方卻毫無傷害。但我突然懂了,遇到冷漠時,體面的離開即可 在乎你的人一定會在你離開後,找到你跟你解釋為什麼 連解釋都來不及,...