Question

我试图在Firebug中查看此页面：

http://128.48.204.195:3000/

我要做的是让登录/注册的右上区域一直向右，但我不知道该怎么做。我试图用自己的div称为site_login来包围那些东西，但它似乎没有做到这一点。

任何想法如何将这些东西放在右上方的右侧，使其看起来更加成比例和对称？

这是我的css的样子：

.banner .site_login {

    height: 20px;
    position: absolute;
  float:right;

    right: 0.5em;

    top: 0.5em;

    color: #fff;

}



.banner .site_login a 
{

    color: #fff;

    text-decoration: underline;

}

.banner .site_login a:hover 
{

    color: #ff0;

}

谢谢！

Answer 1

您似乎意外地注释了结束div标签</div>

回到那里（取消评论），然后绝对定位（你总是希望它在同一个地方）：

 .site_login{position:absolute;width:300px;text-align:right;padding:10px;}
 .banner{position:relative}

Answer 2

正如Faust指出的那样，你忘记了结束div标签</div>。另外，我添加了一个float:right，它似乎按照你要求的方式工作。 Check it out.

在Firebug中很难理解标题布局

2 个答案: