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

Question

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

Answer 1

你的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%;

}