Question

我的CSS菜单下拉列表有问题，而不是重叠容器，扩展它们。可能是非常简单的疏忽但找不到答案（最接近的匹配是Div within li not expanding，但是对子菜单类放置绝对位置的建议不起作用）。也没有JS。

HTML

<body>
<div class="secondary-content-6col">
     <h1><span class="white">Headline</span></h1>

    <ul class="yellow-call-to-action">
        <li><a href="#">1. Select a Product <img src="../img/arrow-small.png" alt="arrow"/></a>

            <ul>
                <li><a href="#">Item 1</a>

                </li>
                <li><a href="#">Item 2</a>

                </li>
                <li><a href="#">Item 3</a>

                </li>
            </ul>
            <!--- 1st column Footer -->
        </li>
    </ul>
</div>
<p>&nbsp;</p>

Answer 1

在你的css中更改此内容

.secondary-content-6col {height:150px;}

您需要为该div设置一个高度，否则它会将高度设置为

height:auto;

CSS菜单下拉扩展Div容器

1 个答案: