Html 缩放时菜单中断

我想创建一个页面，但当我放大时，菜单总是会中断。 这是我的代码，我做错了什么？我的页面没有创建水平滚动条，而李的在安泰图片的包装下，在这种情况下该怎么办？我已经找了好几个小时了，但仍然没有找到解决问题的方法

包装纸{ 宽度：100%； 高度：90px； 背景色：D96459； 边框底部：5px实心8C4646； 边缘底部：5px； } 菜单{ 宽度：60%； 身高：100%； 背景色：D96459； 浮动：对； 保证金权利：10%； 利润底部：5%； 对齐：右； } 菜单ulli{ 列表样式：无； 显示：内联块； } 菜单ulli a{ 文字装饰：无； 字体大小：25px； 填充：15px； 颜色：白色； 空白：nowrap； 显示：块； } 菜单：悬停{ 背景色：8C4646； 显示：块； } 菜单{ 显示：无； } 菜单ul li：悬停>ul{ 显示：块； } 李：悬停{ 显示：块； 位置：绝对位置； } 李：停下来，李{ 浮动：无； } 李：停一停{ 背景：D65656 } 菜单li：悬停li a：悬停{ 背景色：3287C0 } 菜单ulli ulli{ 边框：1px实心06568F； ; 边际：0px； 显示：块； 左边距：-38px； }

---

这将防止破坏：

   #menu {white-space: nowrap;}