修復div在左滾動CSS中消失的問題

Question

我在這里查看了許多答案，但沒有一個對我有用。

以下是我在發布此問題之前查看的帖子。

jQuery固定div向下滾動

jQuery固定div滾動，平滑移動

jQuery固定div滾動，底部邊界

如何管理固定div的css left屬性

在滾動條上固定的div位置並非在所有情況下均有效

固定Div內相對DIV內的絕對DIV在滾動時消失

在向下滾動時保持固定的div

為此，我創建了一個顯示我的問題的小提琴： jsfiddle demo here

我的問題是縮放時登錄范圍消失了（我無法在向右滾動中看到它）

#fixedContainer
{
    background-color: #ddd;
    position: fixed;
    width: 500px;
    height: 100px;
    top: 0px;
    margin-left: 20px;
}
.login
{
    float: right;
}

我更喜歡CSS解決方案，但也可以使用Javascript解決方案。

Answer 1

將這些css屬性添加到您的#fixedContainer選擇器中：

overflow-x: auto;
max-width: 100%;