gpt4 book ai didi

css - 在 Bootstrap 下拉切换和下拉菜单之间添加空间

转载 作者:行者123 更新时间:2023-11-28 16:44:27 26 4
gpt4 key购买 nike

我创建了一个下拉菜单并让它在悬停时下降,但问题是我需要在切换和下拉菜单之间留出一个空间:

<http://jsfiddle.net/yabasha/nbbjm/1/>

悬停时显示下拉菜单,但当我想选择菜单时问题消失了。

请指教,

最佳答案

你的问题是 li 和二级菜单之间有间隙,所以当你悬停时,当你试图移动到你的子菜单时你不再在 li 上,这会导致它关闭。

您需要向上移动子菜单,或者在悬停时扩展 li 的高度以覆盖 li 和子菜单之间的空间

将以下样式添加到您的 fiddle 似乎可以解决问题:

.dropdown:hover {padding-bottom:20px;}
.dropdown-menu {top:auto;}

http://jsfiddle.net/nbbjm/8/

关于css - 在 Bootstrap 下拉切换和下拉菜单之间添加空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15112432/

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