Css right top corner

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边距。

这是一个更新的小提琴来显示修复程序。

Answer 2

您应该尝试添加以下 css 行

header{
    width: 700px;
}

将宽度更改为您想要的任何宽度。如果您不为（块）元素设置宽度，它们将拉伸 100%。此外，如果您希望它居中，您将添加margin: 0 auto;。css 如下所示：

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