我一直在尝试使用我在自定义 html 网站上没有出现的菜单找到解决方案,但由于某种原因我找不到解决方案,我很好奇我做错了什么。
<div class="header_area fix" id="header">
<div class="header_top fix">
<div class="left_logo floatleft fix">
<a href="index.php"><img src="img/logo.png" alt="Burning Desire Stoves Fireplace and Fire Centre" /></a>
</div>
<div class="main_menu floatright fix">
<button style="floatright" id="mobile_button">Menu</button>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="showroom.php">Showroom</a></li>
<li class="dropdown"><a href="#">Stoves</a>
<ul>
<li><a href="stovesWood.php">Woodburning Stoves</a></li>
<li><a href="stovesMulti.php">Multifuel Stoves</a></li>
</ul>
</li>
<li><a href="fireplaces.php">Fireplaces</a></li>
<li><a href="#">Fires</a>
<ul>
<li><a href="firesGas.php">Gas Fires</a></li>
<li><a href="firesElec.php">Electric Fires</a></li>
</ul>
</li>
<li><a href="testimonial.php">Case Studies</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
可以查看网站here 该网站是为我的一个客户准备的,他说他在没有触及 CSS 的情况下添加了一些额外的菜单选项,然后菜单就坏了。更重要的是,菜单的下拉菜单没有出现,我试图用一些 display:block 或 z-index 使表面出现,但没有运气。
他还添加了一个名为 Couch 的 PHP CMS,它正在添加标签。
为了让您更好地理解以下代码实际上是一个片段,它位于最有可能的 cms 路径“editor/snippets/header”
最佳答案
.main-menu>ul>li>ul {
position:absolute;
}
你的菜单有一个 Dropwown 但它没有隐藏,所以它需要一些空间。并且 header 已 overflow hidden ,因此菜单将完全隐藏。
添加此 css 将显示您的菜单,
但您需要添加代码才能使下拉菜单正常工作。
关于html - 下拉菜单坏了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24346747/