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
相關文章:
主站蜘蛛池模板: 亚洲精品视频免费观看 | 欧美精品99| 韩日在线视频 | 爱爱小视频 | 精品欧美乱码久久久久久 | 欧美一区免费 | 一区二区三区精品视频 | 亚洲精品大全 | 色约约视频| 国产精品a久久久久 | 国产精品国产三级国产aⅴ原创 | 亚洲日韩中文字幕一区 | 久色| 国产午夜亚洲精品不卡 | 欧美成人免费在线视频 | 可以在线看的黄色网址 | 美国一级片在线观看 | 免费成人在线网站 | 欧美三级视频在线观看 | 国产精品二区三区在线观看 | 99久久久无码国产精品 | 国产乱码精品一区二区三区中文 | 天天成人综合网 | 色综合区 | 久久久久久久综合 | 久久蜜桃资源一区二区老牛 | 91超碰在线 | 色视频一区二区 | 亚洲视频在线观看一区二区三区 | 有码在线 | 亚洲欧美久久 | 亚洲成人网在线播放 | 色婷婷九月 | 亚洲精品一二三区 | 在线亚洲欧美 | 91成人免费看| 国产精品一区久久久 | 国产一区二区三区在线观看免费 | 久久久久久国产精品免费免费狐狸 | 草久网| 国产精品一区二区三区久久久 |