當前位置:編程學習大全網 - 源碼破解 - css滾動條怎麽設置

css滾動條怎麽設置

css可以通過為網頁元素設置滾動條樣式使網頁元素的內容實現滾動。

css通過overflow屬性設置滾動條示例:

<html>

<head>

<style type="text/css">

div

{

background-color:#00FFFF;

width:150px;

height:150px;

overflow: scroll;

}

</style>

</head>

<body>

<p>如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條等行為。</p>

<div>

這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,

用戶代理都會提供壹種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。默認值是 visible。

</div>

</body>

</html>

效果圖

擴展:

overflow屬性介紹:

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

說明

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

屬性值:

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

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

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

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

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

  • 上一篇:靜電除塵器有何優缺點
  • 下一篇:多開是什麽
  • copyright 2024編程學習大全網