2

我在我正在制作的 wordpress 主题的页脚中添加一些社交图标时遇到问题。问题是我无法让图标浮动到页脚的右下角。

这是我想要实现的目标：灰色元素是存在的，红色元素是社交图标条，我想将它添加到其中。

在此处输入图像描述

我能做到这一点的唯一方法是手动添加一个完整宽度的边距，如下所示：

.social-icons {
    padding: 0!important;
    margin-left:864px;
    list-style-type: none!important;
        position:absolute;
        bottom:0;

}

这样做的问题是，当调整窗口大小时，社交图标到处都是。我知道正确浮动会很好，但问题是它没有。

如果我试试这个：

.social-icons {
        padding: 0!important;
        list-style-type: none!important;
        position:absolute;
        bottom:0;
        float:right;
}

它最终是这样的：

在此处输入图像描述

标题为 logo 的元素已经使用了 float:right; 所以这可能与它有关。这是徽标 div：

.footerlogo img {

    float: right;

}

问题是如果我采取浮动：对；关闭徽标 div 并保持浮动：对；在社交图标条上，社交图标条现在将位于徽标位置，徽标向后移动。像这样：

在此处输入图像描述

谁能指导我将社交图标（图像中的红色元素）粘贴到右下角并让我​​知道如何实现这一点，因为使用浮动权利的正常方式不会让它浮动到右下角, 只到 logos 位置。

4

3 回答 3

2

尝试将right属性设置为 0，这应该使元素与最近定位的父元素的右边缘对齐：

.social-icons {
    padding: 0!important;
    list-style-type: none!important;
    position:absolute;
    bottom:0;
    right: 0;
}
于 2013-10-10T04:58:15.600 回答
0

尝试将 .social-icons 放在一个 div 中说父级并使父级 div 正确浮动；float 属性永远不会与绝对定位一起使用。

于 2013-10-10T05:02:59.310 回答
0

将页脚主 div 给position:relative

并赋予社交图标 divposition:absolute并为 left 和 top 赋予价值

于 2013-10-10T08:16:21.637 回答