左侧边栏被浏览器窗口切断

Question

这是我的网站： http://www.jrbaldwin.com

当窗口缩小超过一定宽度时，我的左侧边栏会出现问题。我认为这是一个简单的CSS问题，但我不确定。

Answer 1

#sidebar的左边距为-149px。将此设置为0px将解决您的问题。

Answer 2

删除头寸固定和负边距

#sidebar {
border-bottom: 0 solid #E7E7E7;
border-right: 0 solid #E7E7E7;
color: #59454F;
float: left;
font-size: 13px;
width: 132px;

}

---

所以你可以用不同的方式，替换这三个类：

#header {
    border-bottom: 0 solid #E7E7E7;
    height: 65px;
    margin-left: 135px;
    margin-right: 20px;
}

#outer {
    border-bottom: 0 solid #E7E7E7;
    border-left: 0 solid #E7E7E7;
    border-right: 0 solid #E7E7E7;
    border-style: solid;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto;
    width: 1055px;
}

#sidebar {
    border-bottom: 0 solid #E7E7E7;
    border-right: 0 solid #E7E7E7;
    color: #59454F;
    float: left;
    font-size: 13px;
    margin: 0 0 -1px;
    overflow: hidden;
    position: relative;
    width: 132px;
}