很久以來，我一直在尋找一個問題的解決方案:我有一個滾動的菜單，所以它是固定位置的。但是當窗口比菜單小的時候，它的一部分被切掉了。我有什么選擇？ 點擊一個漢堡，菜單就會打開。

<div id="container-menu">
        <div id="menuinhalt">
            <div id="menu"><jdoc:include type="modules" name="menu" /></div>
            <div id="gesucht-aufklappen">H?ufig gesucht</div>
            <div id="gesucht"><jdoc:include type="modules" name="gesucht" style="html5" /></div>
        </div>
        <div id="about">
            <div id="menu-about"><jdoc:include type="modules" name="menu-about" /></div>
            <div id="submenu-about"><jdoc:include type="modules" name="submenu-about" /></div>
            <div id="socialmedia"><jdoc:include type="modules" name="socialmedia" /></div>
        </div>
    </div>

#container-menu { display: none; background: #00436e; position: fixed; z-index: 999; left: 0px; right: 0px; }

我嘗試過溢出滾動，但是不起作用，也不會找到一個很好的解決方案，因為我有兩個滾動條。

也許可以嘗試使用百分比寬度:

#container-menu { 
  display: none;
  background: #00436e; 
  position: fixed; 
  z-index: 999; 
  left: 0px; 
  right: 0px; 
  width: 100%;
}
#menuinhalt {
  width: 100%;
}
.menu-item {
  width: 70%;
}

現在添加類& quot菜單項& quot菜單中的每個菜單項。

<div class="menu-item" ... > ... </div>

嘗試使用:

#container-menu {
  max-width: 100%; // or 100vh for full screen viewport
}