Html 制作没有下拉列表的下拉列表是否将左侧或右侧内容向下推（其周围的其他链接）？

我尝试制作一个下拉列表，但没有成功，因为内容被压到下拉列表下，我无法使其工作，我尝试使用float和display也无法工作：s

---

有人有什么建议吗？

你似乎真的没有走多远，所以我不太愿意写一个长的答案来解释下拉菜单是如何工作的，而是建议你查阅教程。您可能需要使用javascript使下拉列表“可单击”以打开和关闭它

但我会努力让你朝着正确的方向出发

为了避免使下拉菜单移动其他元素，它需要具有css属性“position:absolute”；父元素（菜单中的元素）必须具有属性“position:relative”

menuButton先生{
位置：相对位置；
}
.下拉列表{
位置：绝对位置；
底部：0；
}
点击我


选择1
选择2

尽管更进一步，我建议您使用javascript打开和关闭“.dropDown”class”属性display:none。通过谷歌搜索，你很可能会学得更好，因为我认为我没有教过你，而且在这样一个基本问题上，人们可能不会给你很多帮助

<style>
    .menuButton{
        position:relative;
    }

    .dropDown{
        position:absolute;
        bottom:0;
    }
</style>

<div class="menuButton"> 
    <p>Click me!</p>
    <div class="dropDown">
        <ul>
            <li>Option 1</li>
            <li>Option 2</li>
        </ul>
    </div>
</div>