2013-12-16 90 views
1

我做了一個簡單的粘性菜單。但目前我面臨着兩個問題。這裏是鏈接到小提琴簡單的粘性菜單問題

http://jsfiddle.net/#&togetherjs=3xz9xxdJnI

第一期:

我已經設置保證金:0汽車,但在div本身不對準身體的中心。任何一個理由都可以解釋。並提出解決方案

第二期:

即使我沒有設置錨點(一)標籤之間的任何填充有自動出現一個小的填充。 Y是否會發生這種情況,它的解決方案是什麼。

問候,

麥克萊恩莫里斯·平託

+3

的jsfiddle鏈路中斷的一個元素。 – SachinGutte

+0

nope其工作正常 –

回答

0
style="width:800px; margin:0 auto;" 

使用這種風格,改變寬度

<div class="botbar" align="center" style="width:500px; margin:0 auto;"> 

刪除寬度在你的CSS文件

1

固定包裝的底部,並將包裝內部的條與中間對齊。

.wrap{ 
    position:fixed; 
    bottom:0; 
    width:100% 
} 
.botbar { 
    margin:0 auto; 
    background-color:#FF5900; 
    height:70px; 
    border-radius: 15px; 

} 

爲了擺脫空間之間的是它似乎漂浮留下的作品

float:left; 
+0

嗨,我已經試過這個。它工作正常。然而我的問題是爲什麼botbar div確實與中心保持一致。其次,在錨標籤之間是否有填充? –