HTML/CSS-将LI导航栏移动到右上角

我试图将LI导航条移动到页面的右上角，但是当我

位置：绝对时和<代码>顶部：0在我的
上，我得到的列表也是
显示：内联全部堆叠在一起。它们转到我想要的屏幕部分，因为我也是
float:right但他们不会排成一行

有什么想法吗

HTML（省略了HTML、doctype和link标记，它们就在那里）：

因为您将它们绝对定位在同一个位置，所以这些li被堆叠在彼此的顶部。您希望使ul绝对定位。在你的css中包含下面的代码，为了更好的衡量，你还应该告诉它包含一些相对定位的东西

ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
}

.nav {
display: inline-block;
/* float: left;*/
padding: 20px;
/*position: absolute;*/ }

body{position: relative;}

因为您将它们绝对定位在同一个位置，所以这些li被堆叠在彼此的顶部。您希望使ul绝对定位。在你的css中包含下面的代码，为了更好的衡量，你还应该告诉它包含一些相对定位的东西

ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
}

.nav {
display: inline-block;
/* float: left;*/
padding: 20px;
/*position: absolute;*/ }

body{position: relative;}

因为您将它们绝对定位在同一个位置，所以这些li被堆叠在彼此的顶部。您希望使ul绝对定位。在你的css中包含下面的代码，为了更好的衡量，你还应该告诉它包含一些相对定位的东西

ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
}

.nav {
display: inline-block;
/* float: left;*/
padding: 20px;
/*position: absolute;*/ }

body{position: relative;}

因为您将它们绝对定位在同一个位置，所以这些li被堆叠在彼此的顶部。您希望使ul绝对定位。在你的css中包含下面的代码，为了更好的衡量，你还应该告诉它包含一些相对定位的东西

ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
}

.nav {
display: inline-block;
/* float: left;*/
padding: 20px;
/*position: absolute;*/ }

body{position: relative;}

试试这个

添加了
#标题
：

#header{
    float:right;
}

并删除
位置：绝对来自.nav类。还添加了#内容：

#content{
position:absolute;
}

包含表格。
现在结构清晰了

希望这有帮助
 试试这个

添加了
#标题
：

#header{
    float:right;
}

并删除
位置：绝对来自.nav类。还添加了#内容：

#content{
position:absolute;
}

包含表格。
现在结构清晰了

希望这有帮助
 试试这个

添加了
#标题
：

#header{
    float:right;
}

并删除
位置：绝对来自.nav类。还添加了#内容：

#content{
position:absolute;
}

包含表格。
现在结构清晰了

希望这有帮助
 试试这个

添加了
#标题
：

#header{
    float:right;
}

并删除
位置：绝对来自.nav类。还添加了#内容：

#content{
position:absolute;
}

包含表格。
现在结构清晰了

希望这有帮助
 为我们提供所有html plzPost您的html和CSS，您的问题太广泛。请尝试
display:inline block
@csd测试添加的html和CSS。右上角所有底部导航您的意思是？对吗？请向我们提供您所有的html plzPost您的html和CSS，您的问题太广泛了。请尝试
display:inline block
@Csdtesting html和CSS added。右上角所有底部导航您的意思是？对吗？请向我们提供您所有的html plzPost您的html和CSS，您的问题太广泛了。请尝试
display:inline block
@Csdtesting html和CSS added。右上角所有底部导航您的意思是？对吗？请向我们提供您所有的html plzPost您的html和CSS，您的问题太广泛了。请尝试
display:inline block
@Csdtesting html和CSS added。右上角所有底部导航您的意思是？对吧？这是我的问题，必须将UL设置为绝对值和身体位置。谢谢你，先生。这是我的问题，必须将UL设置为绝对值和身体位置。谢谢你，先生。这是我的问题，必须将UL设置为绝对值和身体位置。谢谢你，先生。这是我的问题，必须将UL设置为绝对值和身体位置。谢谢你，先生。我也尝试过用这种方式来修复它，但问题是它把我正在处理的按钮的所有其他位置都弄乱了。这很有帮助，但我认为上面的方法更好，我缺少了什么。尽管如此，还是谢谢你。我也曾尝试过用这种方式修复它，但问题是它把我正在处理的按钮的所有其他位置都弄乱了。这很有帮助，但我认为上面的方法更好，我缺少了什么。尽管如此，还是谢谢你。我也曾尝试过用这种方式修复它，但问题是它把我正在处理的按钮的所有其他位置都弄乱了。这很有帮助，但我认为上面的方法更好，我缺少了什么。尽管如此，还是谢谢你。我也曾尝试过用这种方式修复它，但问题是它把我正在处理的按钮的所有其他位置都弄乱了。这很有帮助，但我认为上面的方法更好，我缺少了什么。尽管如此，还是要谢谢你。