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

时间:2011-12-10 18:10:31

标签: css navigation css-position

我有一个下拉导航,通过left CSS属性定位时效果很好。

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

您可以看到下拉菜单调整为内容的宽度,但我想定位right。当我这样做时,下拉的宽度将不会调整到内容。你可以在下面的小提琴中看到这种行为。

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

任何帮助都表示赞赏,也了解导致此行为的任何知识。

3 个答案:

答案 0 :(得分:4)

right: 100px中的ul似乎设置了100px的宽度。

如果不需要将其定位为绝对值,请使用float: right;并改为使用margin-right: 100px;

JSFiddle:http://jsfiddle.net/cTSJt/12/

答案 1 :(得分:1)

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

我认为这会干扰CSS中的以下ul元素。 只需将第一个CSS规则从ul更改为您的ID(Navigation_Main)即可解决问题。

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

由于

答案 2 :(得分:0)

您是否尝试过使用div而不是unorder list(ul)元素。当您使用CSS去除所有使“ul”成为列表元素的默认样式时,为什么不使用div来开始。我不能保证它会解决问题,但它会消除不必要的CSS,你可能会更容易发现问题

实际上,在文本文档中,不应该只将ul用于子弹点项目吗?