Html css嵌套列表位置绝对值
我有一个嵌套导航,第一级li需要Html css嵌套列表位置绝对值,html,list,sass,css-position,nav,Html,List,Sass,Css Position,Nav,我有一个嵌套导航,第一级li需要position:relative 但是列表的子项需要使用ul的位置。换句话说,它需要位于顶部:0的级别,而不是 有办法吗 .level1{ 背景:粉红色; 宽度:200px; } .level1>li{ 职位:相对!重要; 宽度:200px; 填充:1em; } .level1>li.level2{ 背景:浅绿色; 位置:绝对位置; 左:100%; 排名:0; 显示:无; } .level1>li.level2>li{ 填充:.5em; } 位置:相对位置;
position:relative
但是列表的子项需要使用ul的位置。换句话说,它需要位于顶部:0
的
级别,而不是
有办法吗
.level1{
背景:粉红色;
宽度:200px;
}
.level1>li{
职位:相对!重要;
宽度:200px;
填充:1em;
}
.level1>li.level2{
背景:浅绿色;
位置:绝对位置;
左:100%;
排名:0;
显示:无;
}
.level1>li.level2>li{
填充:.5em;
}
- 位置:相对位置;
- 位置:绝对位置李>
- 位置:相对位置;
- 位置:绝对位置李>
为什么li
必须是绝对的?我不清楚你想做什么。是这样吗?@Paulie_D是的,这是我想要实现的,但我需要相对,@Fabrizio Calderan,b/c我还有其他位置:绝对div insideli
需要它来锚定。也许你需要向我们展示完整的问题/HTML。这里我更新了