html - Firebug 中的标题布局很难理解

标签 html css layout

我正在尝试在 Firebug 中查看此页面:

http://128.48.204.195:3000/

我想做的是将带有登录/注册的右上角区域一直移到右侧,但我不知道该怎么做。我试图用它自己的名为 site_login 的 div 包围这些东西,但它似乎没有成功。

知道如何将这些东西放在右上角更靠右的位置,这样它看起来更比例和对称吗?

这是我的 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;

}

谢谢!

最佳答案

看起来您不小心注释掉了结束 div 标签 </div>

将其放回原处(取消注释),然后将其绝对定位(您始终希望将其放在同一个位置):

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

关于html - Firebug 中的标题布局很难理解,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6143093/

相关文章:

css - 自动换行不适用于百分比宽度

asp.net - 设置 SelectedRowStyle 属性来更改所选行的背景颜色是个坏主意吗?

css - <g :layoutBody/> does not render the styling applied to <body> tag

css - 长文本通过 native react 将其他元素推离屏幕

php - 如何将选项值传递给按钮

JavaScript slider 问题

html - 将数字流转换为音频

javascript - 有没有办法在没有 Javascript 的情况下在 div 中的第一个单词后换行?

android - 向 ListView 添加边距

javascript - Angular - 如果 ng-repeat 大于 5 则隐藏项目