手揣网教程/网站教程/内容

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

网站教程2024-10-06 阅读
[摘要]在上篇文章中,我们了解了iframe是什么意思啊?浮动框架iframe详解,然而很多人不知道如何设置浮动框架是否显示滚动条scrolling?下面我们来讲解一下scrolling 属性?一:什么是s...
在上篇文章中,我们了解了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>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中文网其它相关文章!

  • 微信
  • 分享

  • 网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

    ……

    标签:如何设置浮动框架是否显示滚动条scrolling?
    相关阅读