html - 图像未显示在正确的位置

Question

我有 4 个社交媒体图标放在我的页面上，但它们要么被其他 div 隐藏，即使它们具有更大的 z-index 值，或者它们显示在顶部 div 下方。我希望它们位于教堂图像的右侧，我可以使用代码让它们出现，但它们出现在我的顶部下方。我已经尝试了所有可能的方法来在此处添加代码，但我不知道该怎么做，所以我将链接到该站点。

网站http://www.joekellywebdesign.com/churchsample1/index.html

http://www.joekellywebdesign.com/churchsample1/css/styles.css上的样式表

我为 div 定义的样式是：

socialmediaicons {
    margin:50px 50px 0 0; 
    float:right; 
    z-index:90;
    position: absolute;
}

Answer 1

删除浮动声明，并添加

top:0;
right:0;