4

私の 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>
4

3 に答える 3

7

次のようなことを行う必要があります。

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>
于 2012-10-30T19:42:19.787 に答える
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>
于 2012-10-30T19:49:02.750 に答える
0

どうしたの：

iframe {
  margin: 0;
}

iframe を含むページで

于 2012-10-30T19:23:23.683 に答える