父元素为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%;}