欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何设置浮动框架是否显示滚动条scrolling?

程序员文章站 2022-04-16 10:30:52
...
在上篇文章中,我们了解了iframe是什么意思啊?浮动框架iframe详解,然而很多人不知道如何设置浮动框架是否显示滚动条scrolling?下面我们来讲解一下scrolling 属性?

一:什么是scrolling 属性

scrolling属性是否在框架中显示滚动条,但是在一般情况下,当我们的内容出现了iframe,我们的框架就会出现滚动条。

scrolling语法:<iframe scrolling="value">

一般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></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教程,请关注。

以上就是如何设置浮动框架是否显示滚动条scrolling?的详细内容,更多请关注其它相关文章!