Question

我有HTML内容，总是在顶部显示一个div框：

<html>
<head>
<style>
    .fixedtop1 { position: fixed; top: 5px; left: 0; right: 15px; border: 1px solid black; z-index: 50; padding: 5px}
    .center250a { width: 350px; margin-left: auto; background-color: #f0f0f0; } 
</style>
</head>

<body>
<div style="height:1000px">
    <div style="margin-top:20px" class="fixedtop1 center250a">  
        <div class="text-style" style="float:left;margin-right:2px"><b>Test:</b></div><div>0</div>
        <div style="clear:both"></div>
    </div>
 <p> Just a Test </p>
<br/>
</div>
</body>
</html>

现在问题是position: fixed使用视口作为容器元素，但上面的HTML内容应该集成在iframe中。因此，该示例无需使用iframe作为独立的HTML页面，但不能使用iframe。

如何解决？除了iframe之外的HTML内容的一些div元素我不可能，但我可以给iframe标签一些样式属性。

Answer 1

iframe及其父级是具有不同浏览上下文的不同文档。因此，iframe内部的元素不会与iframe父级进行交互，也无法相对于它进行修复。

您需要在iframe中设置固定位置，而不是在div-element中设置固定位置。

iframe中的元素不需要定位。

在iframe中显示具有固定位置的div容器

1 个答案: