頁腳底部右側浮動元素

我在添加一些社交圖標到我正在製作的WordPress主題頁腳上的問題。問題是我無法讓圖標漂浮在頁腳的右下角。頁腳底部右側浮動元素

下面是我想要達到的目標：灰色元素是存在的，紅色元素是社交圖標條，我想將它添加到。

enter image description here

我能做到這一點的唯一方法是手動添加保證金是全寬是這樣的：

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

}

這樣做的問題是，當窗口大小的社會圖標遍佈整個地方。我知道float float會很好，但問題在於它沒有。

如果我試試這個：

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

它結束了像這樣：

enter image description here

元素題爲標誌已經採用浮動：權利;所以這可能與它有關。這裏是徽標格：

.footerlogo img { 

    float: right; 

}

事情是如果我採取浮法：右;關閉標誌div並保持浮動：正確;在社交圖標條上，社交圖標條現在將處於商標位置，徽標已移回。因此：

enter image description here

任何人都可以指導我在堅守社會的圖標（在圖像紅色元素）到右下角的方向，讓我知道我可以做到這一點，因爲在正常方式使用浮動右側不會讓它浮動到右下角，只有標誌的位置。

u能告訴我你的網站的鏈接，並顯示完整的代碼 –

'浮動：left'和'float：right'總是會造成一些問題，爲什麼不使用'clearfix' hack http://css-tricks.com/snippets/css/clear-fix/ –

嘗試將right屬性設置爲0，這應該使元素對齊到最近的定位的父的右邊緣：

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

2013-10-10 04:58:15

它可以使圖標位於右下角角落，但是當我調整瀏覽器的大小時，它最終會來回移動圖標。此外，右側最外側的圖標與其上方徽標的右側邊緣不一致。除此之外，這是唯一可行的解決方案（有點）。 – user1632018

@ user1632018你能否在[jsfiddle]（http://jsfiddle.net）中爲我們提供一個可再現的問題示例？ –

嗨考拉，在此先感謝您的幫助。 [這是jsfiddle]（http://jsfiddle.net/XWeZF/2/）。由於它是一個使用主題自定義程序的WordPress主題，我不得不進行一些更改以刪除wp設置字符串並手動添加html。 – user1632018

試試把。社會-圖標一個div說父母和父母做div右移; 浮動屬性從不與絕對定位一起工作。

2013-10-10 05:02:59 Hiral

給頁腳主要div來position:relative

，並position:absolute給社會圖標DIV和左側和頂部給予值

2013-10-10 08:16:21

回答