Css 右上角

Question

你好，我怎样才能将一个 div 类移动到页面的右上角而不会使页面的侧面变长？

我的CSS代码:

.nav ul {
list-style: none;
text-align: center;
padding: 0;
margin: 0;
position: absolute;
top:0px;
right: 0px;
}

Answer 1

感谢您提供其余的 HTML 和 CSS。问题来自 css 行:

.nav li {
    display: inline-block;
    margin-right: -5px;
}

不确定为什么首先要显示边距，但您似乎用 -5px 对此进行了补偿。这使你的最后一个列表元素 5px 离框架太远了。

您应该做的是首先找出产生边距的原因并加以解决。如果找不到，请直接在 .nav li {...} 样式之后添加此行:

.nav li:last-of-type {
    margin-right:0;    
}

这将从最后一个列表元素中取出 -5px 边距。

Here's an updated fiddle显示修复。