Html CSS菜单下拉列表展开Div容器

Html CSS菜单下拉列表展开Div容器,html,css,drop-down-menu,Html,Css,Drop Down Menu,我的CSS菜单下拉列表有问题,因为不是重叠容器而是扩展容器。可能是非常简单的疏忽,但找不到答案(最接近的匹配是,但将绝对位置放置到子菜单类的建议不起作用)。也没有JS 以下是JSFIDLE链接: HTML 大字标题 在css中更改此选项 .secondary-content-6col{height:150px;} 您需要为该div设置一个高度,否则它会将高度视为 高度:自动 <body> <div class="secondary-content

我的CSS菜单下拉列表有问题,因为不是重叠容器而是扩展容器。可能是非常简单的疏忽,但找不到答案(最接近的匹配是,但将绝对位置放置到子菜单类的建议不起作用)。也没有JS

以下是JSFIDLE链接:

HTML


大字标题


在css中更改此选项

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

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

高度:自动

<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>