个人中心
gpt4 book ai didi

html - CSS 菜单下拉扩展 Div 容器

转载 作者：行者123 更新时间：2023-11-28 01:56:12 25 4
gpt4 key购买 nike

我的 CSS 菜单下拉有问题，因为它没有重叠容器而是展开它们。可能是非常简单的疏忽但找不到答案(最接近的匹配是 Div within li not expanding 但将绝对位置放在子菜单类中的建议没有用)。也没有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>

最佳答案

在你的 CSS 中改变它

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

你需要为那个div设置一个高度，否则它会看到高度为

height:auto;

关于html - CSS 菜单下拉扩展 Div 容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16838282/

25 4 0
文章推荐： javascript - 传入哈希路径 url 的窗口滚动
文章推荐： c++ - 如何使用 Blob Detector
文章推荐： javascript - jquery asp.net 复选框列表获取项目值
文章推荐： html - 为什么 HSL 值不是人们所期望的？