如何去除iframe边缘的白色内边距？技术问题求助

API 探路者

2026-8-21

解决iframe边缘白色边框问题

你尝试的margin和padding并非问题根源，iframe的默认边框样式才是关键。直接给iframe添加边框清除样式：
```
iframe.style.border = "none";
```
或者通过CSS全局设置：
```
iframe {
  border: 0; /* 等价于 border: none; */
}
```
部分旧浏览器可能仍识别HTML属性frameborder，创建iframe时可补充该属性增强兼容性：
```
<iframe frameborder="0"></iframe>
```
（注：HTML5中frameborder已被废弃，但不影响作为兼容方案使用）
还要检查iframe加载的内部页面：如果内部页面的body带有浏览器默认的margin: 8px，也会呈现出类似iframe边框的视觉效果。此时需要在内部页面的CSS中重置：
```
body {
  margin: 0;
  padding: 0;
}
```