CSS隐藏了我的下拉菜单

时间:2017-04-06 03:04:29

标签: css web containers nav

我确信这是一件很简单的事情。但是我的网站的顶级导航(下拉列表)不再可见。我100%肯定它与我的css应用有关。

.ulTopmenu {margin:0; padding:0; width: 100%;  overflow:hidden;}
.liTopMenu {width: 120px; height: 40px; float: left; margin:0 4px; list-style:none; display: inline;}
.divTopMenuInnerContainer {display: inline; overflow:hidden; height:500px;width:900px;}
.divTopMenuInnerContainer{position:relative;height:100%;width:80%;}
.divTopSpliter {float:left; width:1px; height:40px; display:block; border-right:1px;}
.divTopTopSpliter {float:left; width:30px; height:1px; display:block;}

.a {
	width: 120px;
	height:25px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
}

/* End of General */
.divTopSubMenuSpliter {height:1px;width:auto;background:#0000; margin-top:1px; margin-bottom:1px;}


div.absolute {
    position: relative;
    right: 20px;
    width: 200px;
    height: 50px;
    
}

2 个答案:

答案 0 :(得分:0)

对于下拉导航栏的CSS,可能需要告诉它是可见的。

尝试这样的事情:

 navBar{
     visibility: visible;
 }

如果有效,请告诉我。

答案 1 :(得分:0)

我通过更改以下内容解决了这个问题。非常感谢您的帮助。

.ulTopmenu {margin:0; padding:0; width: 100%;  overflow:visible; position:absolute;}
.liTopmenu{width: 120px; height: 40px; float: left; margin:0 4px;display:inline-block;}