固定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%;