首頁 >web前端 >css教學 >如何設定浮動框架是否顯示捲軸scrolling?

如何設定浮動框架是否顯示捲軸scrolling?

云罗郡主
云罗郡主原創
2018-11-07 14:38:484993瀏覽

在上篇文章中,我們了解了iframe是什麼意思啊?浮動框架iframe詳解,然而很多人不知道如何設定浮動框架是否顯示滾動條scrolling?下面我們來講解一下scrolling 屬性?

一:什麼是scrolling 屬性

scrolling屬性是否在框架中顯示滾動條,但是在一般情況下,當我們的內容出現了iframe,我們的框架就會出現捲軸。

scrolling語法:

一般scrolling的屬性值有三個,auto,yes和no三種情況,auto是表示在需要出現捲軸,而yes和no是不需要顯示捲軸條和從來不顯示,一般浮動框架預設的也是auto。

二:如何設定浮動框架是否顯示捲軸scrolling

#程式碼實例:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="main">
        <h3>php中文网</h3>
        <iframe src="http://www.php.cn/" width="400px" height="300px" scrolling="no"></iframe>
    </div>
</body>
</html>

顯示效果如下:

如何設定浮動框架是否顯示捲軸scrolling?

分析:在上述顯示效果中,我們並沒有看到浮動框架,正是因為scrolling等於no才會不顯示,如果我們把scrolling的值改為auto,就會出現框架浮動滑動效果。

現在有關浮動框架的屬性差不多就是這些,很多人在學習的時候,會看到其他框架屬性,其實其他的屬性我們沒有必要去學習了,這些屬性大多都是在css樣式中控制,需要的時候,我們直接在css樣式修改就可以了。

以上就是對如何設定浮動框架是否顯示滾動條scrolling的詳解,如果想了解更多有關CSS3教程,請關注php中文網。


以上是如何設定浮動框架是否顯示捲軸scrolling?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多