HTML之 iframe 内联框架

HTML <iframe> 标签 https://www.w3school.com.cn/tags/tag_iframe.asp

上图标红部分为常用属性。

实战问题:为什么明明设置了 scrolling="yes" ,但是滚动条却没显示?

<style>
    #iframe_1,
    #iframe_2 {
        background: red;
        width: 700px;
        height: 600px;
        /* visible 默认值。内容不会被修剪,会呈现在元素框之外 */
        /* hidden scroll auto inherit */
        /* overflow: hidden; */
        border: 10px solid blue;
    }
</style>

<body>
    <iframe id="iframe_1" src="http://www.weather.com.cn/radar/"> </iframe>
    <iframe id="iframe_2" scrolling="yes" src="http://news.baidu.com/"> </iframe>
</body>

这个时候很多小伙伴会开始研究iframe的各种属性,是不是哪里配错了!... 

其实还有一种原因,分析src源页面是否支持该功能:在浏览器中放大缩小源页面,查看是否有滚动条,可以直观的判断是否支持scrollinig功能。

猜你喜欢

转载自blog.csdn.net/lildkdkdkjf/article/details/124615898