gpt4 book ai didi

html - iframe 正文删除空间

转载 作者:搜寻专家 更新时间:2023-10-31 22:32:28 25 4
gpt4 key购买 nike

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com