html - 下拉菜单坏了

Question

我一直在尝试使用我在自定义 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”

Answer 1

.main-menu>ul>li>ul  {
     position:absolute;

 }

你的菜单有一个 Dropwown 但它没有隐藏，所以它需要一些空间。并且 header 已 overflow hidden ，因此菜单将完全隐藏。

添加此 css 将显示您的菜单，

但您需要添加代码才能使下拉菜单正常工作。