Question

此处页面顶部有社交媒体图标，但它们未与页面右侧对齐。当我调整浏览器页面的大小时，对齐方式正在改变。

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

#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;
}

宽度设置为#content div的宽度，#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;
}

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

4 个答案: