1樓：匿名使用者
一、有overflow:hidden
對於overflow:hidden的功能就是說超出部分不顯示，達到乙個效果「讓子元素只在父元素內顯示」
（1、是剪掉外面的 2、撐開顯示）對應下面兩種情況。
有兩種情況：
1、有寬度高度值（是剪掉外面的 ）：這樣會剪下掉父元素外的子元素，達到「讓子元素只在父元素內顯示」的效果。（這才是overflow:hidden的正確用法）
2、無寬度高度值（撐開顯示），這樣就沒有固定邊界讓它無法識別那是為那是內，但是還是要達到「讓子元素只在父元素內顯示」的效果，這樣尋找邊界以達到這種效果，我們不難發現在最大顯示子元素（也就是子元素的邊上時）剛好能達到「讓子元素只在父元素內顯示」的效果。即使有了 」float：left；「 浮動分離了父子元素，分離是分離但是還是父子啊（就像斷絕父子關係，但是血濃於水，生理上有遺傳），只要是父子也能滿足這句話達到「讓子元素只在父元素內顯示」的效果。
（這個是技巧）
二、無overflow:hidden
也有兩種
1、有寬度高度值，顯示為溢位
2、無寬度高度值，就會被撐開（因為沒有分離父子），加了」float：left；「 浮動分離了父子元素，而且又沒有overflow:hidden強制達到「讓子元素只在父元素內顯示」的效果，所以不撐開，反而父塊的高度塌陷消失
不是高手初學者...望指正
hight因為固定了高度撐不開 用min-hight就沒問題了
而且ie6中無法識別min-hight，且把hight當成min-hight所以說ie6的高度只能設定最小高度，所以ie6不用overflow：hidden就能撐開
2樓：匿名使用者
我的理解是overflow想要清除溢位的內容起碼你得給個邊界吧，從樓主的例子也可以看出如果寫overflow的容器沒有高度那它就會取子元素的高度(如果沒有高度也要強行隱藏那不就什麼都沒得了)。至於清除浮動的效果..我也只是個初心者並不是大佬恕我無法解答了。
3樓：鰟鮍魚
overflow:hidden要有寬度或者高度才會溢位部分隱藏，如果外部盒子沒有寬度或者高度，裡面又是浮動元素，就會被撐開。
看看這個不知道你能不能理解
4樓：純潔的小樹
overflow:hidden這個css樣式是大家常用到的css樣式，但是大多數人對這個樣式的理解僅僅侷限於隱藏溢位，而對於清除浮動這個含
義不是很了解。一提到清除浮動，我們就會想到另外乙個css樣式：clear:both，我相信對於這個屬性的理解大家都不成問題的。但是對於「浮動」這
個詞到底包含什麼樣的含義呢？我們下面來詳細的闡述一下。
這是乙個常用的div寫法，下面我們來書寫樣式。大家可以在dmx中自己做試驗
#box
#content
給box這個div加了乙個overflow:hidden這個屬性解決了這個問題。我們知道overflow:hidden這個屬性的作用是隱藏溢
出，給box加上這個屬性後，我們的content
的寬高自動的被隱藏掉了。
另外，我們再做乙個試驗，將box這個div的高度值刪除後，我們發現，box的高度自動的被content
這個div的高度值給撐開了。說到這裡，我們再來理解一下「浮動」這個詞的含義。我們原先的理解是，在乙個平面上的浮動，但是通過這個試驗，我們發現，這
不僅僅是乙個平面上的浮動，而是乙個立體的浮動！也就是說，當content
這個div加上浮動這個屬性的時候，在顯示器的側面，它已經脫離了box這個div，也就是說，此時的content
的寬高是多少，對於已經脫離了的box來說，都是不起作用的。
當我們全面的理解了浮動這個詞的含義的時候，我們就理解overflow:hidden這個
屬性中的解釋，清除浮動是什麼意思了。也就是說，當我們給box這個div加上overflow:hidden這個屬性的時候，其中的content
等等帶浮動屬性的div的在這個立體的浮動已經被清除了。
這就是overflow:hidden這個屬性清除浮動的準確含義。當我們沒有給box這個
div設定高度的時候，content
這個div的高度，就會撐開box這個div，而在另乙個方面，我們要注意到的是，當我們給box這個div加上乙個高度值，那麼無論content
這個div的高度是多少，box這個高度都是我們設定的值。而當content
的高度超過box的高度的時候，超出的部分就會被隱藏。這就是隱藏溢位的含義！
5樓：愛才視如精神柱
這個是溢位隱藏的意思，父塊要設定寬度。
6樓：匿名使用者
終於搞明白了。越來overflow:hidden的作用是觸發bfc。
7樓：書香學程式設計
vue實踐-css樣式position/display/float屬性對比使用
css中overflow:hidden的問題
8樓：過兒無敵
這是因為overflow:hidden使得div產生了bfc效果，根據bfc的布局規則之一，div那個產生的bfc區域不會與左邊浮動的元素所重疊。
CSS屬性overflow屬性定義溢位元素內容區的內容會如何
引數是 scroll 時候，必會出現滾動條 引數是 auto 時候，子元素內容大於父元素時出現滾動條 引數是 visible 時候，溢位的內容出現在父元素之外 引數是 hidden 時候，溢位隱藏 可以多看看黑馬程式設計師的課程，多學學這些基礎知識。如果對我的回答滿意的話，請採納 朋友，overfl...
CSS中如何新增特效字型，CSS中如何新增特效字型
你好！如果你要將特殊的字型加到css中，而且 訪問時也可以顯示出來的話，那你必須將字型檔案也一同上傳上去，這樣才能讓字型載入進入 不過這樣一來你 載入速度就會慢掉。通常情況下，如果是大容量的字型檔案載入進入 好你必須加一段載入頁面的js 要不然你的 載入速度會非常的慢，會影響 的瀏覽效果。所以我覺得...
html中為什麼有的css樣式在樣式表裡不起作用
依然特雷西 html中，有的css樣式在樣式表裡不起作用是設定錯誤造成的，解決方法為 1 在如圖網頁中，我們可以看到style中的樣式列表，以及所展示的效果圖。2 將style中的全部css樣式選中，然後複製或者剪下。3 然後ctrl n新建一個css樣式檔案，如圖所示，然後建立。4 在建立的css...