菜单始终在顶部和水平滚动

Question

我有这个麻烦 - 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 没有溢出，那么我会被切掉顶部菜单。

谢谢！！

Answer 1

看看这个小提琴：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>

Answer 2

你还需要设置背景：;