什麼溢出：隱藏除了隱藏滾動嗎？

Question

什麼溢出：隱藏除了隱藏滾動嗎？我只是通過添加overflow:hidden的事故修復了一個問題。我認爲這只是讓卷軸看不見。它還有什麼作用？我找不到任何好的解釋。

Answer 1

未設置爲visiblecreates a new block formatting context一種overflow屬性：

浮標，絕對定位元素，塊容器（如直列塊，表細胞，和表字幕）那些不是塊框的塊，以及具有'可見'以外的'溢出'的塊（除非該值已經傳播到視口）爲其內容建立新的塊格式上下文。

Answer 2

溢出CSS屬性指定是否剪裁內容，呈現滾動條或顯示塊級元素的溢出內容。

docs

Answer 3

以外行人的話來說，它隱藏了被剪裁的部分（延伸超過div可見性設置的矩形之外的部分），以便延伸超出父矩形邊界的div的內容不可見（不可滾動到）。

相反，visible會渲染這些部分，即使它們比父項更寬/更高，auto將隱藏它們，但允許通過滾動條訪問它們。

因此，如果您有一個父級div，它的大小爲100px x 100px，並且您開始在該div中放入內容，那麼當內容超出100px邊界時，這些部分將不再可見。即使將可見性設置爲隱藏，也可以使用JavaScript強制滾動到它們，具體取決於瀏覽器。