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

标签 css navigation css-position

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

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

您可以看到下拉菜单会根据内容的宽度进行调整,但我想将其放置在右侧。当我这样做时,下拉菜单的宽度不会根据内容进行调整。您可以在下面的 fiddle 中看到此行为。

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

感谢任何帮助,也感谢任何有关导致此行为的原因的知识。

最佳答案

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

如果不需要绝对定位,则使用 float: right;并使用margin-right: 100px;相反。

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

关于绝对正确定位元素的 CSS 宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8458731/

相关文章:

html - 中心推特 Bootstrap 导航元素

html - 空的div被隐藏,没有任何内容,如何显示它但保持空?

html - 在 IE 中工作正常但在 Firefox 和 Chrome 中不工作

jquery - 涉及 Rad Editor 和 jQuery .animate 的 CSS 溢出副作用

css - ie 10 css 3d 变换表现不同

android - TouchableHighlight onPress 在导航时自动触发

javascript - 如何为第一个和最后一个项目应用非事件类

html - 容器左侧的绝对图像

javascript - 在容器滚动时将隐藏的 <div> 移动到可滚动的 <div> 中

html - 列表问题 - 内容垂直对齐但列表水平对齐?