css - CSS 问题...固定位置消失

Question

当我缩小浏览器并水平滚动时，left_nav 消失了。我试着改变位置。但这没有用。有什么建议吗？

#left_nav {
    position: fixed;
    height: 95%;
    width: 100px;
    background-color: #ededed;
    border-right: 1px solid #aaa
}

#container {
    margin-left: 100px;
    position: absolute;
    overflow: auto;
    width: 75%;
    min-width: 1129px;
    overflow: hidden;
    min-width: 1100;
    background-color: #fff;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px
}

Answer 1

#left_nav {
position: fixed;
top:0;
left:0;
height: 95%;
width: 100px;
background-color: #ededed;
border-right: 1px solid #aaa
}

您应该如上所述为固定元素指定 left 和 top。这将从浏览器窗口的顶部和左侧放置左侧导航 0px 。

您是否尝试相对于容器指定它？如果是这样，您需要给 left_nav 一个绝对位置，给容器一个相对位置

Answer 2

尝试添加min-width: 100px;到您的 left_nav，并摆脱min-width: 1100;容器...

请注意，您正在复制min-width属性；这是一个禁忌：

min-width: 1129px; 
overflow: hidden; 
min-width: 1100;