Fatal编程技术网
  • html/
  • Html 从bulma中的iframe中删除滚动条

Html 从bulma中的iframe中删除滚动条

html css iframe

Html 从bulma中的iframe中删除滚动条,html,css,iframe,bulma,Html,Css,Iframe,Bulma,我正在建立一个网站，其中包含一个iframe，并正在使用bulma进行样式设计。是否仍然需要删除iframe侧面的灰色滚动条。我设置了overflow:hidden，但没有解决问题。带条的iframe如下所示 演示这一点的示例代码： iframe： <!DOCTYPE html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <meta c

我正在建立一个网站，其中包含一个iframe，并正在使用bulma进行样式设计。是否仍然需要删除iframe侧面的灰色滚动条。我设置了overflow:hidden，但没有解决问题。带条的iframe如下所示

演示这一点的示例代码：

iframe：

<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
    <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>

</head>

<body style = 'overflow:hidden'>
    <p>hello<p>
</body>


你好
网页：

<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
    <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>


</head>
<body>  
        <iframe src = 'iframe.html'></body>
        </iframe>
</body>
在iframe中添加
将删除滚动条。

检查为什么
溢出：隐藏
不起作用。它被覆盖了吗？或者在主文档而不是iFrame文档上应用样式。