绝对定位元素上的CSS宽度问题

Question

我有一个下拉式导航，当通过left CSS属性定位时，它完美地工作。

http://jsfiddle.net/durilai/nmME4/1/

你可以看到下拉菜单调整到内容的宽度，但是我想定位right。当我做下拉的宽度将不会适应内容。您可以在下面的小提琴中看到此行为。

http://jsfiddle.net/durilai/cTSJt/2/

任何帮助表示赞赏，也一无所知到是什么原因造成这种行为也表示赞赏。

Answer 1

好吧，基本上，从我所看到的问题是由于使用元素（本例中为ul）直接作为选择器引起的。

我相信这是干扰了CSS内下面的ul元素。 只需将第一个CSS规则从ul更改为您的ID（Navigation_Main）即可解决问题。

固定例如>http://jsfiddle.net/cTSJt/10/

由于

Answer 2

的right: 100px在ul似乎设定的100像素的宽度。

如果不需要绝对定位，则使用float: right;并使用margin-right: 100px;代替。

的jsfiddle：http://jsfiddle.net/cTSJt/12/

Answer 3

您是否尝试过使用div的，而不是unorder列表（UL）的元素。正如你使用CSS来剥离所有使“ul”成为列表元素的默认样式，为什么不使用div开头呢。我不能保证它会解决问题，但它消除了不必要的CSS，你可能更容易发现问题

而实际上不应该只用于项目符号点项目，在文本文件？