gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 01:56:12 24 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com