鍍金池/ 問答/HTML/ 父元素為overflow:hidden的子元素設(shè)置position:absolu

父元素為overflow:hidden的子元素設(shè)置position:absolute,沒法顯示

具體代碼鏈接

想要實現(xiàn)的效果是:圖片描述
但現(xiàn)在,demo里絕對定位的兩個元素沒法顯示

回答
編輯回答
呆萌傻

你的id="inner" 定義了 width:100px,而內(nèi)部的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%;
}
2018年5月5日 03:56
編輯回答
巴扎嘿

兄dei,你ul上沒有flex,兩個li不太可能并排(好像目標(biāo)想過也不是并排)

outer上的flex:1是沒有用的

絕對定位的話我沒找到是哪個元素要絕對

2017年7月11日 19:36