我在页面中使用 iframe，并偶然发现了一个奇怪的问题。我像这样设置 iframe css
iframe {
margin: none;
padding: none;
background: blue; /* this is just to make the frames easier to see */
border: none;
}
但是，iframe 周围仍然有空白。我在 Chrome 和 Firefox 中测试过，都是一样的。我四处寻找，却什么也没找到。此空格也不会显示在 Chrome 控制台中。
另外，我已经有了以下 CSS：
html, body {
margin: 0px;
padding: 0px;
border: 0px;
width: 100%;
height: 100%;
}
JSFiddle：here http://jsfiddle.net/mM6AB/1/
刚刚看到你的小提琴，你的问题是因为你正在使用display:inline-block。这会考虑 html 中的空白。display:inline-block因其困难且浏览器支持不可靠而臭名昭著。
选项1：尝试删除 html 中的空白有时可以解决问题。
选项2：使用不同的显示属性，例如display:block一定会解决问题的。实例：http://jsfiddle.net/mM6AB/3/ http://jsfiddle.net/mM6AB/3/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
