iframe身体移除空间

时间:2012-10-30 19:19:15

标签: html iframe styles width margin

我的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>

3 个答案:

答案 0 :(得分:5)

你应该做一些:

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>

答案 1 :(得分:1)

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>

答案 2 :(得分:0)

出了什么问题:

iframe {
  margin: 0;
}
包含页面

中的