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
}

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

您是否尝试相对于容器指定它？如果是这样，您需要为left_nav提供绝对的位置，并为容器提供 relative 的位置

Answer 2

尝试将min-width: 100px;添加到您的left_nav，并删除容器上的min-width: 1100; ...

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

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

CSS问题......固定的位置消失了

2 个答案: