CSS菜单与标记右对齐：UL>；李>；UL>；锂

一位朋友给了我这个HTML和CSS：

我的工作是在CMS中使用它，但这段代码在标记方面有几个问题：

• BR在UL内的每个li之后
• li>仅出于设计目的而使用管道特征的跨度
• 子页的顺序将恢复

我最好的尝试是：

但我也有一个问题：

• 子菜单右侧的间距不是通用的，总是100px

我已经挣扎了几个小时，希望有人知道路。我想再学一两个CSS技巧。此外，最终解决方案必须在IE7+中“起作用”。“工作”如“未损坏”，但不一定完全相同或“设计完美”

我感谢你的努力，谢谢

试试这个：

如果还有什么需要更改，请告诉我

---

事实上，这一个你不必改变HTML标记，但也可以工作：

因为u-li-ul的右边是100px&所有li的都是全宽的，所以如果你去掉这个右边：100px；子菜单将保持在最右边。所以，最好给第一级设置一个固定的宽度。我宁愿避免任何固定的宽度，因为我无法预测CMS会有什么用途。你想要这样的东西，太棒了！你能给出一些关于你改变了什么的提示吗？我调整了嵌套ULs的css，使它们相对定位，然后悬停显示模式更改为内联块，然后调整位和块，使它们在同一行上-将锚链接向右浮动，等等。看看你的CSS和我的CSS有什么不同。谢谢。它看起来像是“清楚：正确”做了定位李的把戏，没有让他们阻塞，从而失去了李宽度的信息。当然，不客气。如果您在这方面有任何其他问题，请告诉我