1. 程式人生 > >關於CSS中的overflow屬性

關於CSS中的overflow屬性

屬性 pan 用戶 normal style visible 默認值 也會 可見

定義和用法:

overflow屬性規定當內容溢出元素框時發生的事情。

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

overflow屬性值

1、visible:默認值。內容不會被修剪,會呈現在元素框之外。

2、hidden:內容會被修剪,並且其余內容是不可見的。

3、scroll:內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。

4、auto:如果內容被修剪,則瀏覽器則會顯示滾動條以便查看其余的內容。

5、inherent:規定應該從父級元素繼承overflow屬性的值。

其中,overflow屬性值中visiblehidden是對立的,scrollauto是對立的。inherent是繼承父級元素的overflow屬性值,默認是scroll

設置瀏覽器窗口滾動條

沒有水平滾動條:<body style=overflow-x:hidden;>

沒有垂直滾動條:<body style=overflow-y:hidden;>

沒有滾動條:<body style=overflow:hidden;>

關於CSS中的overflow屬性

定義和用法:

overflow屬性規定當內容溢出元素框時發生的事情。

這個屬性定義溢出元素內容區的內容會如何處理。如果值為

scoll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。

overflow屬性值

1、visible:默認值。內容不會被修剪,會呈現在元素框之外。

2、hidden:內容會被修剪,並且其余內容是不可見的。

3、scroll:內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。

4、auto:如果內容被修剪,則瀏覽器則會顯示滾動條以便查看其余的內容。

5、inherent:規定應該從父級元素繼承overflow屬性的值。

其中,overflow屬性值中visiblehidden是對立的,scrollauto是對立的。inherent

是繼承父級元素的overflow屬性值,默認是scroll

設置瀏覽器窗口滾動條

沒有水平滾動條:<body style=overflow-x:hidden;>

沒有垂直滾動條:<body style=overflow-y:hidden;>

沒有滾動條:<body style=overflow:hidden;>

關於CSS中的overflow屬性