html - Css 侧边栏静态

Question

当有人向下滚动 site 时，我希望左侧边栏和边距线保持原位 。但是侧边栏一直在改变它的位置 here 调整屏幕大小。任何修复？

@media only screen and (max-width: 550px) {
    .side-bar-icon {
        display: none;
    }
    .side-line {
        position: relative;
        max-width: 36rem;
        border-right: none; !important;
        border-bottom: thick solid #ef4a60;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }

引用代码 here

Answer 1

@media (min-width: 550px)
.eight.columns {
    width: 65.3333333333%;
    /* margin-left: 45%; comment this out*/
} 

.side-bar {
    position: relative;/* change fixed to relative */
    top: 1;
    left: 1;
}

只是一个补充，使用 !important 是非常糟糕的做法，除非非常非常重要。只是一个建议!