Question

此问题类似于this question ，除了，该问题中的修补程序似乎不适用于{{1 }}，其内容由body属性设置。

具有以下内容：

iframe

用srcdoc渲染的<h1>I am an h1</h1>看起来像

✅

但是用iframe渲染的<iframe src="path/to/src">看起来像

❌

具有相同的内容，但是通过从iframe属性加载而提供的，上边距的行为与我想要的方式相同（例如，如果<iframe srcdoc="<h1>I am an h1</h1>">或类似处的顶部边距没有src的最顶部），但是当通过h1属性提供该内容时，具有最高边距的body会将内容向下推到页面上。 this question（srcdoc，h1，浮点数，父级中不间断空格等建议的修补程序似乎不适用于此目的。有人知道如何解决这个问题吗？

更新：在进一步的实验中，即使使用overflow: auto的{{1}}有时也会添加顶部边距空间。到目前为止，实验表明，如果html具有overflow: hidden 并且 iframe在其上方没有div，则它会添加顶部空白空间。否则，将显示src和<!DOCTYPE html>的顶部之间没有上边距。

更新2：奇怪的是，仅在Safari中，您可以通过关于h1的撒谎来获取h1 iframe中的最高页边距在iframe中。也就是说，放入类似srcdoc的东西。不知道为什么。

<h1>的CSS边距顶部会影响srcdoc iframe内的文档边距，但不会影响src iframe

0 个答案: