我的iframe是
style="width:100%"
的风格,几乎覆盖了页面宽度。但它在左侧和右侧留下了一个小边距。所以我添加了 body { margin:0px; }
来删除空格。
它有效,但问题是删除
<body>
上的边距会影响其他内容,例如 <p>
内的段落 <body>
。
有没有办法只消除
<iframe>
的边距?
代码:
<!DOCTYPE html>
<html>
<body>
<p> hello </p>
<iframe src="http://www.weather.com" style="width:100%; height:95%; margin:0px"></iframe>
</body>
</html>
你应该做一些类似的事情:
body{margin:0} // remove body margin
iframe{margin:0;width:100%}//remove iframe margin
p,div{margin:10px} //append margin to p and other tags
您的案例演示:
<!DOCTYPE html>
<html>
<head>
<style>
body{margin:0}
iframe{margin:0;width:100%}
p{margin:10px}
</style>
</head>
<body>
<p> hello </p>
<iframe src="http://www.weather.com" style="width:100%; height:95%; margin:0px"></iframe>
</body>
</html>
As you can see, you can use body{margin:0 0 0 0px;} for top, right, bottom, left. You will be able to remove all spaces from browser.
<!DOCTYPE html>
<html>
<style type="text/css">
body {
margin:0 0 0 0px;
}
</style>
<body>
<iframe src="http://www.weather.com" style="width:100%; height:95%; margin:0px"></iframe>
</body>
</html>
出了什么问题:
iframe {
margin: 0;
}
在您的 iframe 包含页面中
如果您要引用 iframe 元素周围的灰色空间,则无法将其删除,因此如果您不希望它使用带有 #view=fit 参数的对象标签