無法居中div菜單

Question

我有問題居中菜單，我需要它固定底部中心，從底部20px。我嘗試了大量不同的解決方案，我在網上找到了，但似乎無法完全正確。

在此處，我在現在http://ahdecor8.co.uk/menu/

預先感謝您的幫助！ :)

Answer 1

在您的CSS上應用left:0和right:0。

#bottom_nav { 
width: 1080px; 
position: fixed; 
bottom: 20px; 
text-align: center; 
z-index: 9999; 
left: 0; 
right: 0; 
} 

Answer 2

既然你有固定位置的菜單，嘗試添加：

left: 50%; 
transform: translateX(-50%); 

爲#bottom_nav

Answer 3

我建議你到旁邊的CSS應用到你的<menu id="bottom_nav">：

***雖然沒有padding: 0;它不會在實際的中心。

margin-left: -540px; 
 
left: 50%;

Answer 4

菜單使用CSS：

#bottom_nav { 
left: 50%; 
margin-left: -540px; 
padding-left: 0px; 
} 

Answer 5

首先，你必須設置padding爲0。你可以添加以下：

#bottom_nav { 
padding: 0; 
position: fixed; 
bottom: 20px; 
left: calc(50% - 540px); 
}