關於CSS中的overflow屬性
定義和用法:
overflow屬性規定當內容溢出元素框時發生的事情。
這個屬性定義溢出元素內容區的內容會如何處理。如果值為scoll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。
overflow屬性值
1、visible:默認值。內容不會被修剪,會呈現在元素框之外。
2、hidden:內容會被修剪,並且其余內容是不可見的。
3、scroll:內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。
4、auto:如果內容被修剪,則瀏覽器則會顯示滾動條以便查看其余的內容。
5、inherent:規定應該從父級元素繼承overflow屬性的值。
其中,overflow屬性值中visible和hidden是對立的,scroll和auto是對立的。inherent是繼承父級元素的overflow屬性值,默認是scroll。
設置瀏覽器窗口滾動條
沒有水平滾動條:<body style=”overflow-x:hidden;”>
沒有垂直滾動條:<body style=”overflow-y:hidden;”>
沒有滾動條:<body style=”overflow:hidden;”>
關於CSS中的overflow屬性
定義和用法:
overflow屬性規定當內容溢出元素框時發生的事情。
這個屬性定義溢出元素內容區的內容會如何處理。如果值為
overflow屬性值
1、visible:默認值。內容不會被修剪,會呈現在元素框之外。
2、hidden:內容會被修剪,並且其余內容是不可見的。
3、scroll:內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。
4、auto:如果內容被修剪,則瀏覽器則會顯示滾動條以便查看其余的內容。
5、inherent:規定應該從父級元素繼承overflow屬性的值。
其中,overflow屬性值中visible和hidden是對立的,scroll和auto是對立的。inherent
設置瀏覽器窗口滾動條
沒有水平滾動條:<body style=”overflow-x:hidden;”>
沒有垂直滾動條:<body style=”overflow-y:hidden;”>
沒有滾動條:<body style=”overflow:hidden;”>
關於CSS中的overflow屬性