0

我有那个麻烦 - http://pickup.eurocargo.fi/last500.php我需要做顶部菜单总是在顶部，菜单宽度可以是显示器宽度的 2 倍。水平滚动的顶部菜单是如何实现的？

这是顶部菜单CSS：

.visibleDiv, #topmenu
{

    position: fixed;
overflow: auto  ;
    width: 100%;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    background: #fff;
    text-align: center;
    top: 0px;
    left: 0px;
   padding-bottom:10px;
}

使用溢出标签，我可以滚动，页面的 1 和菜单的 1，我需要将它组合为 1。如果我使用这个 css 没有溢出，那么我会被削减顶部菜单。

谢谢！！

4

2 回答 2

0

您仍然需要设置背景：;

于 2013-07-21T21:22:43.373 回答
0

看看这个小提琴：http: //jsfiddle.net/lulu3030/3sTWF/

的CSS：

html {
    height: 300%;
}

#menu-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: auto;
    border: solid 1px #e1e1e1;
    background: #eee;
    text-align: center;
    padding:10px;
}

#menu {
    width: 200%;
}

的HTML：

<div id="menu-container">
    <div id="menu">My menu here</div>
</div>
于 2013-07-21T21:03:55.410 回答