2

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

这是 JSFiddle 链接：http: //jsfiddle.net/KNBLC/

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>

4

1 回答 1

1

在你的 CSS 中改变它

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

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

height:auto;

于 2013-05-30T14:10:41.613 回答