Css右上角

Question

您好我如何将div类移动到页面的右上角而不会让页面更长？

我的css代码：

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

Answer 1

您应该尝试添加以下css行

header{
    width: 700px;
}

将宽度更改为您想要的宽度。如果没有为（块）元素设置宽度，它们将延伸100％。此外，如果您希望它居中，您可以添加margin: 0 auto;。 css看起来如下：

header{
    width: 700px;
    margin: 0 auto;
}

Answer 2

感谢您提供其他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显示修复程序。