时间戳

首页 > 解决方案 > CSS：将 iFrame 定位到浏览器的右下角，可能吗？

html - CSS：将 iFrame 定位到浏览器的右下角，可能吗？

问题描述

我有一个 iFrame，我希望它与浏览器窗口的右下角对齐。下面的 CSS 实际上首先实现了这一点。

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

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

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

标签： htmlcss

解决方案

尝试fixed position

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

推荐阅读