html - 需要将社交媒体图标与页面右侧对齐

Question

请查看此页面:http://badadesigns.com/work438/

页面顶部有社交媒体图标，但它们未与页面右侧对齐。当我调整浏览器页面大小时，对齐方式会发生变化。

我真的不确定使用的是什么代码，但我认为就是这样:

#logincont {
    width:330px;
    float:left;
    margin-left:1145px;
}

任何人都可以帮助我进行对齐，以便将其固定并设置在页面的右侧边框上吗？

Answer 1

div #logincont 设置为 float:left 并且有一个巨大的 margin-left 这是不必要的。

应该是float: right没有边距，像这样

#logincont {
    width:330px;
    float:right;
}

更新:如果我理解正确，您希望社交媒体图标右对齐但不超过网站内容。

试试这个:

#logincont {
    width: 940px;
    text-align: right;
    margin: 0 auto;
}

width 设置为 #content div 的宽度，#logincont 的内容右对齐，#logincont 本身居中在具有 margin: 0 auto

的页面上