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
并完全删除该溢出声明