css的overflow屬性的介紹

這篇文章主要講解了“css的overflow屬性的介紹”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css的overflow屬性的介紹”吧！

　　overflow屬性規(guī)定當內(nèi)容溢出元素框時發(fā)生的事情。

　　overflow有以下四個屬性值

　　visible：初始值，內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。

　　scroll：內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

　　hidden：內(nèi)容會被修剪，并且其余內(nèi)容是不可見的。

　　auto：如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

　　如何設置overflow屬性：

　　div

　　{

　　width:150px;

　　height:150px;

　　overflow:scroll;

　　}

　　瀏覽器支持

　　所有主流瀏覽器都支持overflow屬性。

　　注釋：任何的版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"。

　　定義和用法

　　overflow屬性規(guī)定當內(nèi)容溢出元素框時發(fā)生的事情。

　　說明

　　這個屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理。如果值為scroll，不論是否需要，用戶代理都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內(nèi)容也會出現(xiàn)滾動條。

　　默認值：

　　visible

　　繼承性：

　　no

　　版本：

　　CSS2

　　JavaScript語法：

　　object.style.overflow="scroll"

　　可能的值

　　值

　　描述

　　visible默認值。內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。

　　hidden內(nèi)容會被修剪，并且其余內(nèi)容是不可見的。

　　scroll內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

　　auto如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

　　inherit規(guī)定應該從父元素繼承overflow屬性的值。

感謝各位的閱讀，以上就是“css的overflow屬性的介紹”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對css的overflow屬性的介紹這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！