我的 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>
关于html - iframe 正文删除空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13146177/