CSS下拉菜单赢得'；t中心，尽管有惯常的伎俩

把我的CSS下拉菜单放在中间真是太麻烦了。我知道以前有人问过这个问题，但他们的解决方案似乎不起作用。我尝试了

margin:auto

技巧，将

float:left

更改为

display:inline block

，并尝试将其放置在一个不可见的居中超层中。没有任何帮助。：）我错过了什么

.nav ul ul {
display:none;
}

.nav ul li:hover > ul {
display:block;
}

.nav ul {
display:inline-block;
position: absolute; 
padding: 0;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;

background:#fff8e0;
font-family: hofstad;
font-size:30px;
color:#6f0018;
padding-top:20;
padding-bottom:20;
list-style-type: none;
}


.nav ul li {
float:left;
margin-left:50;
margin-right:50;}

.nav ul li a {
;} !--main links, if they are links--!

.nav ul li:hover {
color:#980122;
}

.nav ul li:hover > ul { 
margin:0; 
padding-top:20;
padding-bottom:0;
padding-left:0;
padding-right:0;
} 

.nav ul li:hover > ul li {  
float:none; 
margin-left:0; 
margin-right:0;
padding-top:0;
padding-bottom:5;
padding-left:5;
padding-right:5;

}

.nav ul li:hover > ul li a {  
color:#980122; 
}

.nav ul li:hover > ul li a:hover { 
color:#6f0018;  
}

---

如果没有看到它的实际运行，调试起来有点困难

但一开始看起来你的UL被定位为“绝对”，一旦你这样做，它就会被从主文档流中拉出来

---

尝试使用哪个父元素有一个“相对”位置供其锚定。

介意设置一个？也发布HTML…为其添加宽度。希望这能奏效：）

width:90%；保证金：0自动