Javascript CSS:x滚动限制

这是我的密码

#mainDiv {
    margin-top: 10px;
    position: relative;
}

#leftPanel {
    bottom: 0;
    overflow: scroll;
    padding-bottom: 120px;
   padding-left: 20px;
    position: fixed;
    top: 50px;
    width: 350px;
}``


#rightPanel {
    margin-left: 390px;
    width: 500px;
}

顾名思义，在maindiv中，我放置了左右面板。左侧面板显示无序的HREF列表，右侧面板显示左侧单击的链接的详细信息

现在的问题是，当我x-滚动右面板时，内容与左面板的内容重叠（因为右面板的左边距是390px；）。如何限制x-scroll？ 提前感谢

在

#右侧面板

中，添加

溢出-x：滚动

请查看更多选择。 当溢出到块的外侧时，溢出设置为可见，这是溢出属性的默认值。

您可能需要创建一个，以使问题更清楚一点，。你说的限制x轴是什么意思