Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当需要溢出属性时，Twitter引导按钮下拉列表溢出问题_Html_Twitter Bootstrap_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 当需要溢出属性时，Twitter引导按钮下拉列表溢出问题

Html 当需要溢出属性时，Twitter引导按钮下拉列表溢出问题

html twitter-bootstrap css

Html 当需要溢出属性时，Twitter引导按钮下拉列表溢出问题,html,twitter-bootstrap,css,Html,Twitter Bootstrap,Css,我正在创建一个网站，左侧有一个可以变为超长的菜单，因此我需要有overflow-y:auto（我将overflow-x:visible！重要的）。 在菜单里面我有一个下拉菜单。但由于左侧菜单溢出，右侧的下拉菜单被切断。如图所示： 如何使下拉列表正确显示？下拉列表不应在右侧剪切 这里有一个JsFiddle:我想您可能正在寻找类似的东西 并将此包装类添加到可能太长的内容中： <div class="scroll"> 事实证明，真正的答案是，你不能混合溢出-x:visible和溢出-y

我正在创建一个网站，左侧有一个可以变为超长的菜单，因此我需要有
overflow-y:auto
（我将
overflow-x:visible！重要的
）。
在菜单里面我有一个下拉菜单。但由于左侧菜单溢出，右侧的下拉菜单被切断。如图所示：



如何使下拉列表正确显示？下拉列表不应在右侧剪切


这里有一个JsFiddle:
我想您可能正在寻找类似的东西

并将此包装类添加到可能太长的内容中：


<div class="scroll">



事实证明，真正的答案是，你不能混合
溢出-x:visible和
溢出-y：自动这就是规范中的实际情况

查看此帖子

因此，最好的、最容易维护的解决方案可能是让左侧边栏有足够的空间来容纳所需的所有内容，在这种情况下，我将宽度设置为200px，而不是150px


您应该增加
#左菜单的
z-index
，并添加：
#左菜单。下拉菜单{高度：150px；溢出-y:auto；}


如果菜单中的内容很高，这仍然不会让左侧的菜单滚动。抱歉，误解了请求。更新了答案以反映它。对不清楚表示歉意。我的意思是，左侧菜单可能会变得超高（因此需要
溢出：auto
）。下拉高度不重要。我会更新MP的

<div class="scroll">