div向左浮动

Question

我在CSS中很弱，你可以帮忙解决这个问题。您可以通过单击以下URL中的登录/注册链接来查看问题。

Test box url

这是在drupal中完成的。我无法让css将id为“toboggan-login”的div显示在“登录/注册”链接下

忘了提。我把下面的css代码。它适用于小分辨率系统。但它在我的22'监视器中不起作用。

div#toboggan-login {
position: absolute;
top: 23px;
left: 74em;
}

Answer 1

这将解决您的问题：

CSS：

div#toboggan-login {
    position:absolute;
    left: 50%;
    margin-left: 310px;
    width: 160px;
}

如果您想将其与登录/注册顶部稍微距离，只需添加：

top:10px;或您想要多少px！

---

解释以上几行：
left:50%;将您的元素推到屏幕中间，因此即使在窗口调整大小时，您的元素也会保持在中心位置。 但是要将其适当地设置到某个中左位置，而不是添加position-left，这会将元素位置调整为从中心向左所需的px量。