css - 隐藏水平 CSS 菜单溢出

Question

我在 http://www.stevemoorecpa.dreamhosters.com/ 处有一个水平下拉 CSS 菜单

我的问题是菜单宽度超出了网站的包装，我无法隐藏它。

如何防止元素超出站点包装器？这是包装器的代码...

#wrapperSkm {
    border-left-style: solid;
    border-right-style:solid;
    border-width: 2px;
    border-color: transparent;
    -moz-box-shadow: 0px 0px 25px #c3c3c3;
    -webkit-box-shadow: 0px 0px 25px #c3c3c3;
    box-shadow: 0px 0px 25px #c3c3c3;
    width:1069px;
    overflow: hidden;
    padding: 0 0px 0 0px;
    margin-left: auto;
    margin-right: auto;
    background:url(images/line1Right.png) repeat-x right 134px;
}

下面是水平子菜单导航的代码

#access ul ul {
    display: none;
    float: right;
    margin: 0;
    position: absolute;
    top: 181px;
    left: 0;
    width:100%;
    background:#fff url(images/line1Nav.png) repeat-x bottom;
    z-index: 99999;
    text-align:center;
}

我一整天都在做这件事，没有什么可以让菜单隐藏它溢出到主站点包装器之外。

感谢所有帮助。

Answer 1

HI 现在在你的 wrapperSkm ID 中添加 position relative

像这样

#wrapperSkm{
position: relative;
}

结果是