父元素为overflow：hidden的子元素设置position：absolute，没法显示

Question

具体代码链接

想要实现的效果是：
但现在，demo里绝对定位的两个元素没法显示

Answer 1

兄dei，你ul上没有flex，两个li不太可能并排（好像目标想过也不是并排）

outer上的flex:1是没有用的

绝对定位的话我没找到是哪个元素要绝对

Answer 2

你的id="inner" 定义了 width:100px，而内部的li 是 position: relative 按照其特性不会悬浮，所以还是挤在里面，而宽度受限，因此 span_position 移到下方。
因此要这么改

#inner {
    width: 100px;
    background-color: blue;
    height: 100px;
}
.span_position {
    background-color: green;
    position: absolute;
    width: 100px;
    top: 0;
    left: 100%;
}