Html css嵌套列表位置绝对值

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; } 位置:相对位置;

我有一个嵌套导航,第一级li需要
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 inside
    li
    需要它来锚定。也许你需要向我们展示完整的问题/HTML。这里我更新了