我正在建立一个包含iframe的网站,它正在使用bulma进行样式化。是否仍要删除iframe一侧的灰色滚动条。我已经设置了溢出:隐藏,但它没有解决问题。带条的iframe如下所示。
演示此操作的示例代码:
iframe:。
<!文档类型HTML>
<meta name=“viewport”content=“width=device width,initial scale=1”>
<头部>
<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.fontawome.com/releases/v5.1.0/js/all.js”></script>
</head>
<body style='溢出:隐藏'>
<P>你好<P>
</body>
网页:
<!文档类型HTML>
<meta name=“viewport”content=“width=device width,initial scale=1”>
<头部>
<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.fontawome.com/releases/v5.1.0/js/all.js”></script>
</head>
<正文>
<iframe src='iframe.html'></body>
</iframe>
</body>
演示此操作的示例代码:
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>
