av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - 如何讓子元素不受父元素overflow的影響

瀏覽:89日期:2023-06-30 08:09:20

問題描述

css - 如何讓子元素不受父元素overflow的影響

如圖,白色背景框為父元素,自動設置了overflow:hidden (某滾動條插件影響)。 其中有一個上傳控件,左邊的黑塊是此控件的偽元素,這個偽元素是根據這個控件來定位的。但是它會被父元素自動地截斷了。請問是否能使其不受overflow影響?

做出類似下面的css - 如何讓子元素不受父元素overflow的影響

簡單做了個類似的,大家幫忙看看https://jsfiddle.net/zmL145ks/

問題解答

回答1:

不能的,overflow 生成了一個bfc,其層疊順序的權重較高,position的absolute的權重不如它高。

absolute絕對定位元素,如果含有overflow不為visible的父級元素,同時,該父級元素以及到該絕對定位元素之間任何嵌套元素都沒有position為非static屬性的聲明,則overflow對該absolute元素不起作用。

給你兩篇資料參考一下http://www.zhangxinxu.com/wor...http://www.zhangxinxu.com/wor...

更新

transform + overflow + fixed定位進行了實現。https://jsfiddle.net/vpgL5535/4/

把overflow 干掉后的position 定位https://jsfiddle.net/vpgL5535/3/

回答2:

。。。你把overflow:hidden去了。要不然就別讓他在這個父元素里面。。用absolute絕對定位

回答3:

可以通過設置 position屬性處理,

http://www.zhangxinxu.com/stu...

回答4:

如果你不能手動覆蓋父元素的overflow:hidden的屬性的話,你可以試試讓那個偽類相對于白色背景框的父元素絕對定位吧

標簽: CSS
相關文章:
主站蜘蛛池模板: 在线a视频网站 | 国产精品五月天 | 久久久久久久一区 | 青草视频在线 | 国产在线1 | 国产精品区一区二区三 | 免费国产成人av | 91麻豆产精品久久久久久 | 国产综合在线视频 | 日韩在线观看视频一区 | 国产一区二区在线播放 | 国产欧美精品一区二区三区 | 91精品国产91久久久久久吃药 | 爱爱小视频 | 成人欧美一区二区三区黑人孕妇 | 国产亚洲精品久久19p | 精品视频一区二区 | 国产精品久久久久久中文字 | 久久人人网 | 久久69精品久久久久久久电影好 | 中文字幕日韩一区 | 国产三级电影网站 | 天天看逼 | 久久久久久久电影 | 天天干天天操天天射 | 黑色丝袜三级在线播放 | av在线电影网 | 美女久久 | 91精产国品一二三区 | 欧美高清视频在线观看 | 欧美一级二级视频 | 精品一区二区在线观看 | 亚洲精品一二三 | 久久影院一区 | 国产欧美一区二区三区国产幕精品 | 精品国产99 | 国产黄色小视频在线观看 | 91成人在线 | 亚洲成人一二三 | 91欧美激情一区二区三区成人 | 黄a网站 |