Html div内的浮动链接将图像的中心固定在同一条线上

首先，我要感谢那些曾经帮助过我的人

好的，问题是：我有几个图像放在一个名为“Banner”的分区中 在我的网站顶部。我还有一个指向facebook的文本链接，它在右边浮动。它们各自使用以下css居中

        #banner img {border:none;
         margin:0 auto;
         display:block;
         }
        a#social_network {
              float:right;
              margin:10px;
              padding:0px;
              }

我还将一个指向facebook的链接浮动到右侧，该链接被赋予一个名为“social_network”的id，并且也位于横幅分区内。问题是，当我将此文本链接浮动到右侧时，我的顶部图像不再居中。我想也许我需要清除浮子，但那没有用，我做错了

---

非常感谢您的所有建议。

也许您可以尝试以下方法：

#banner { 
    position: relative:
}

#banner img {
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px; /* <--- Here's 1/2 of the width of the image */
    margin-top: -50px; /* <--- Here's 1/2 of the height of the image */
}

#banner{
职位：相对：
}
#横幅img{
边界：无；
位置：绝对位置；
左：50%；
最高：50%；
左边距：-100px/*