Html 调整大小时的加扰菜单 当浏览器页面是全尺寸时，菜单以中间页面为中心（这是正确的位置），但是当调整窗口大小时，菜单不再是可见的，除非滚动到站点的右上方。我认为这是一个响应问题，但我没能解决它。有什么想法吗

HTML:

---

添加

页边距：0自动在
菜单中

移除
左侧：725px来自
。菜单li

参见小提琴：


lu，li{
列表样式类型：无；
字号：1.5em；
高度：40px；
宽度：150px；
文本对齐：右对齐；
边框样式：无；
}
.菜单{
宽度：150px；
高度：350px；
保证金：0自动；
}
.menu li{
位置：相对位置；
顶部：150px；
底部：0；
右：0；
保证金：自动；
边框样式：无；
}


AA
A
B
C
D
E
F

？嘿，伙计，它成功了，但是我正在对菜单的元素制作动画，以便在单击其中一个元素时移到屏幕的左侧。在我根据你的说法编辑之后，该功能停止了。
<div id="menu" class="menu">
        <ul class="headlines">
            <li id="item1"onclick="checklist(this)"><button onclick="myFunction()">AA</button></li>
            <li id="item2"><button onclick="myFunction2()">A </button></li>
            <li id="item3">B      </li>
            <li id="item4">C      </li>
            <li id="item5">D      </li>
            <li id="item6">E      </li>
            <li id="item7">F      </li>
        </ul>
        </div>

lu, li{
    list-style-type: none;
    font-size: 1.5em;
    height: 40px;
    width: 150px;
    text-align: right;    
    border-style: none;
}

.menu{

    width:150px;
    height: 350px;

}



.menu li{  
position: relative;
  top:150px;
  bottom: 0;
  left: 725px;
  right: 0;
  margin: auto; 
  border-style:none;  
}