css - CSS 菜单与标记右对齐：UL>LI>UL>LI

Question

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

http://jsfiddle.net/LGFYE/2/

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

• BR 在 UL 内的每个 LI 之后
• LI>SPAN 带有管道字符仅用于设计
• 子页面的顺序被还原

我最好的尝试是这样的：

http://jsfiddle.net/MQLZh/1/

但我也有一个问题：

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

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

我感谢任何努力，谢谢！

Answer 1

试试这个：http: //jsfiddle.net/MQLZh/3/

让我知道是否还有其他需要更改的地方

事实上，这个你不必更改 HTML 标记，但都可以工作：http: //jsfiddle.net/MQLZh/4/