Css-Can'；t在<；a>；标签

在我的办公室里，我想把a标签（黑匣子）移到中间，但我无法让它工作。我不能影响页面上的其他元素。 当我加上top:50%；在firebug中，它会按照我的要求向下移动到中间位置，但我无法使它在真正的站点上工作。 元素的CSS：

.section {
    width: 100px;
    height: 100px;
    background-color: black;    
    position: relative;
    margin-left: 720px;
    top: 50%;
}

---

确保a标记正确嵌套在另一个元素（div、p等）中，并使用CSS设置该元素的位置

<div class="sectionhldr" >
      <a class="section" href="/*destination*/"> My Link</a>
</div>

---

将位置设置为div类

您可以将

display:inline block

添加到您的

选择中

，以便它正确呈现元素的高度

但现在来谈谈你真正的问题：你可以使用：

top:450px

试试

.section {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    margin-left: -50px;
    left: 50%;
    top: 50%;
    margin-top: -50px;
}

---

我刚刚发现它实际上在Firefox中有效，但在safari和chrome中不起作用。。怎么会这样？你能添加一些代码吗？你为FF做了什么改变来让它工作？我把它放在最上面：50%；就像我在firebug中做的那样。但它在其他浏览器中不起作用。我需要在每个页面上有一个标记，因为它注册了im所在的页面。“绝对”把它们都放在第一页上，放在彼此的上面。@McKeene相同吗？我已经恢复到相对，这似乎是可行的，但是，您可能需要为.story元素添加单独的样式，以便在左侧和右侧添加所需的元素。浮动故事（左/右）似乎比内部元素更有效。这给了我同样的问题。它在firefox中工作得很好，但在safari和chrome中，它仍然在每个页面的顶部：（对不起，我的错误。我第一次测试你的建议时一定是打错了。当以像素为单位定义时，它可以在所有浏览器中工作。奇怪的是，webkit浏览器不以这种方式支持%。