Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.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 溢出-x:隐藏;切断;下拉列表_Html_Css_Hover_Overflow - Fatal编程技术网

Html 溢出-x:隐藏;切断;下拉列表

Html 溢出-x:隐藏;切断;下拉列表,html,css,hover,overflow,Html,Css,Hover,Overflow,为什么将overflow-x添加到标题会导致下拉项被“截断” 标题{ 位置:固定; 宽度:100%; 背景色:#336699; 溢出x:隐藏; } 头李{ 显示:内联块; 位置:相对位置; } 标题li:悬停。预览{ 显示:块; } 标题.预览{ 位置:绝对位置; 显示:无; } 标题a{ 显示:块; 填充:10px; 背景色:#ccc; } .预演{ 高度:100px; 宽度:75px; 背景:橙色; z指数:999; } 在此预览图像 在此预览图像 如果元素有溢出-x:hid

为什么将
overflow-x
添加到
标题
会导致下拉项被“截断”

标题{
位置:固定;
宽度:100%;
背景色:#336699;
溢出x:隐藏;
}
头李{
显示:内联块;
位置:相对位置;
}
标题li:悬停。预览{
显示:块;
}
标题.预览{
位置:绝对位置;
显示:无;
}
标题a{
显示:块;
填充:10px;
背景色:#ccc;
}
.预演{
高度:100px;
宽度:75px;
背景:橙色;
z指数:999;
}

  • 在此预览图像
  • 在此预览图像

如果元素有
溢出-x:hidden
溢出-y
设置为
自动
或其他此类故障。见


你应该试试别的办法

因为您使用的是
位置:fixed
,您可以使用
top:0;左:0
并完全删除该溢出声明