在上篇文章中,我们了解了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="//m.sbmmt.com/" width="400px" height="300px" scrolling="no"></iframe> </div> </body> </html>
显示效果如下:
分析:在以上显示效果中,我们并没有看到浮动框架,正是因为scrolling等于no才会不显示,如果我们把scrolling的值改为auto,就会出现框架浮动滑动效果。
现在有关浮动框架的属性差不多就是这些,很多人在学习的时候,会看到其他框架属性,其实其他的属性我们没有必要去学习了,这些属性大多都是在css样式中控制,需要的时候,我们直接在css样式中修改就可以了。
以上就是对如何设置浮动框架是否显示滚动条scrolling的详解,如果想了解更多有关CSS3教程,请关注php中文网。
以上是如何设置浮动框架是否显示滚动条scrolling?的详细内容。更多信息请关注PHP中文网其他相关文章!