Question

我有一个iFrame，我希望它与浏览器窗口的右下角对齐。下面的CSS实际上是在第一个实例中实现的。

但是，如果启动iFrame的页面具有水平滚动条，则iFrame会保持在相同的垂直位置。

.iframe {
    position: absolute;
    top: 100%;
    right: 0%;
    width: 535px;
    height: 380px;
    margin-top: -400px;
    margin-right: 20px;
    z-index: 999;
}

是否可以将其定位为始终与浏览器窗口的底部对齐？

Answer 1

尝试fixed position

.iframe {
    position: fixed;
    bottom: 10px;
    right: 20px;
    width: 535px;
    height: 380px;
    z-index: 999;
}

Answer 2

删除margin和top，更改right: 0并添加bottom: 0。试试这个，希望对您有所帮助。谢谢

.iframe {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 535px;
    height: 380px;
    z-index: 999;
}

<iframe class="iframe"></iframe>

CSS：将iFrame定位在浏览器的右下方，可能吗？

2 个答案: