學習筆記之一CSSoverflow

2021-10-12 10:01:59 字數 1052 閱讀 1244

今天在寫前端**的時候偶然發現了乙個平時沒有注意過的css屬性

這個屬性叫overflow,初一看發現就是stackoverflow的overflow

我們可以看到為什麼會發現這個問題,是因為我在寫前端**的時候遇到了乙個棘手的問題,我們看到這個頁面應該是由左邊的div和右邊的div組成,但是我們發現右邊的div蓋住了左邊的div,那麼我們先使用float屬性,把左右div都float:left看看情況如何:

div.leftimage

div.rightinfo

這是我的**,我先把overflow的效果給拿掉了,發現結果如下:

我們發現我們的要求被滿足了,那我們嘗試使用overflow屬性看看會發生什麼

**如下:

我們發現都可以滿足要求只不過在使用float屬性的時候我們的div的寬度自動縮小了,而使用overflow:hidden我們只是簡單的完成了左右的分離。

然後我去網上搜尋了下overflow屬性的使用方法,發現好像本意overflow的意思是如果內容超過了div的高度或者寬度,使用overflow可以取捨是把多餘部分截掉還是出現乙個卷軸進行檢視,那為什麼能夠滿足我需要的效果?可能是overflow屬性認為那些部分就是超出div所在的部分,所以就把用左邊的div對右邊的div進行了切分。當然具體原因筆者也不是非常清楚,希望有知道的朋友們能夠賜教。

把用左邊的div對右邊的div進行了切分。當然具體原因筆者也不是非常清楚,希望有知道的朋友們能夠賜教。

最後希望大家都能夠變強,成為一名優秀的程式設計師【doge】

Shell學習筆記之一

1.先看乙個常用的命令 這個命令組合了幾個不同的shell命令,shell命令是有這種特性在裡面的。就是統一性,簡單性。可以通過管道命令組合多個shell命令。如上面的命令,分別是 顯示當前執行的程序,sort是對程序進行排序,uniq是去除重複的情況,grep v sh 是去掉,不展示sh這個程序...

SQLite學習筆記之一

2010年sqlite學習筆記之一 官方站點 從 的download頁面獲取 download.html sqlite amalgamation 3 6 22.zip是sqlite的windows下原始碼檔案 sqlite 3 6 22.zip sqlitedll 3 6 22.zip 在sqlit...

C primer 學習筆記之一

c 中類模板可以定義static成員 每個類模板例項化時都會生成乙個static成員副本。如下 定義了類模板a並在a中宣告了static成員a 在類外定義了a 在主程式中定義了例項化了a和a兩個具體的類 includeusing namespace std template class a a 中的...