Html DIV未显示在页面顶部

我已经创建了一个基本布局，页面上有2个链接，一个注册和一个登录按钮

看看我的JSFIDLE链接，看看它是什么样子。有一个黑色的盒子，这将是标志，你会看到绿色和蓝色的盒子，这是我的按钮

我需要把它们放在页面的顶部

不确定我需要对CSS做什么才能使链接位于页面顶部

HTML:

---

感谢他们被

销售板压下了

-可以将其移动到accountLinks div之后，还是需要在HTML中保持在他们之前

如果是这样，则应修复AccountLink：

#accountLinks{
    position: absolute;
    top: 0px;
    right: 0px;
    height:20px;
    width: 170px;
}

---

看到这把小提琴：

它们被

销售板压下了

-可以将其移动到accountLinks div之后，还是需要在HTML中保持在它们之前

如果是这样，则应修复AccountLink：

#accountLinks{
    position: absolute;
    top: 0px;
    right: 0px;
    height:20px;
    width: 170px;
}

---

看到这把小提琴：

您的H1标记是一个块元素，正在向下推其余的。只需添加float:left；到h1 css

h1{
width: 351px;
height: 49px;
background: #000;
text-indent: -9999px;
float: left;
}

要仅在登录中设置链接样式，请执行以下操作：

#accountLinks .login a {
    color: #FFF;    
}
#accountLinks .login a:hover {
    color: yellow;    
}

---

您的H1标记是一个块元素，正在向下推其余的。只需添加float:left；到h1 css

h1{
width: 351px;
height: 49px;
background: #000;
text-indent: -9999px;
float: left;
}

要仅在登录中设置链接样式，请执行以下操作：

#accountLinks .login a {
    color: #FFF;    
}
#accountLinks .login a:hover {
    color: yellow;    
}

---

你看不到你的链接，因为它们在左侧浮动！在css样式的销售板下面

此外，您的

文本（9999）

不会显示任何文本

解决方案 较新的浏览器提供的属性是固定的，它将完全按照它所说的那样工作

添加此

“位置：固定；”

---

你看不到你的链接，因为它们在左侧浮动！在css样式的销售板下面

此外，您的

文本（9999）

不会显示任何文本

解决方案 较新的浏览器提供的属性是固定的，它将完全按照它所说的那样工作

添加此

“位置：固定；”

---

我在id=“accountLinks”旁边添加了一个样式，这将更容易定位包含登录等内容的div

<h1>Salesboard</h1>
<div id="accountLinks" style="margin-top:-45px;">
<ul>
<li class="login"><a href="#">Log in</a></li>
<li class="register"><a href="#">Register</a></li>
</ul>
</div>

销售板

我在id=“accountLinks”旁边添加了一个样式，这将更容易定位包含登录等内容的div

<h1>Salesboard</h1>
<div id="accountLinks" style="margin-top:-45px;">
<ul>
<li class="login"><a href="#">Log in</a></li>
<li class="register"><a href="#">Register</a></li>
</ul>
</div>

销售板

只需将h1放在#标题的底部。

只需将h1放在#标题的底部。

[redact]现在我明白了这个问题。对不起，还是醒着我现在明白了。抱歉，还是醒过来了。这是一个完美的…评论的例子。不是真的，我在做CSS，只是给了他一个可能性，让他在我这么做的时候思考：）刚刚用CSS更新了帖子。乔，有了更新，这是一个更好的解决方案，同意了。不过，如果只发布一个问题的答案，最好是添加一条评论。我以后会记住：）出于兴趣，SO meta上是否有什么东西说什么作为评论更好，什么作为答案更好？它们看起来与新用户非常相似：）将鼠标悬停在“添加评论”链接上。；-）这是一个完美的…评论的例子。不是真的，我在做CSS，只是给了他一个思考的可能性：）刚刚用CSS更新了帖子。乔，有了更新，这是一个更好的解决方案，同意了。不过，如果只发布一个问题的答案，最好是添加一条评论。我以后会记住：）出于兴趣，SO meta上是否有什么东西说什么作为评论更好，什么作为答案更好？它们看起来与新用户非常相似：）将鼠标悬停在“添加评论”链接上。；-）谢谢，那太好了，真是一种享受。我对页面上的其他东西也很好奇，但我忘了提及，这对我来说是行不通的。在#accountLinks上。在CSS中登录，如果我将其更改为#accountLinks。登录a：似乎无法设置链接样式的链接。我想这样行吗？应该行我想你想要悬停效果。我已经把它添加到我的答案中了。谢谢，那太好了——真是一种享受。我对页面上的其他东西也很好奇，但我忘了提及，这对我来说是行不通的。在#accountLinks上。在CSS中登录，如果我将其更改为#accountLinks。登录a：似乎无法设置链接样式的链接。我想这样行吗？应该行我想你想要悬停效果。我已经把它添加到我的答案中了。