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 设置为#contentdiv 的宽度，其内容#logincont右对齐，并且#logincont本身以页面为中心margin: 0 auto

Answer 2

如果您试图让所有内容保持在视图中，请尝试修复此问题：

#logincont {
postition:absolute;
right:2px;
}

Answer 3

你可以试试这个：

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

根据您的要求和元素类型，您可能需要添加更多属性。

Answer 4

不知道你在寻找什么，但试试这个：

#login {
background: #113240;
color: #DDD;
height: 30px;
padding: 8px;
position: fixed;
z-index: 3;
top: 0;
right: 0;
left: 0;
}
#logincont {
width: 330px;
position: fixed;
right: 0;
}
#header {
background: white;
border-bottom: 1px solid #EBEBEC;
padding: 4.429em 0 0;
position: relative;
z-index: 1;
}