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
相關文章:
主站蜘蛛池模板: 成人在线观看免费 | 91av在线免费观看 | 日本在线视频一区二区 | 精品视频国产 | 欧美日韩1区2区3区 欧美久久一区 | 亚洲日韩中文字幕一区 | 成人国产精品久久久 | 蜜桃视频在线观看www社区 | 亚洲视频手机在线 | 欧美日韩国产在线观看 | 特黄视频 | 人人做人人澡人人爽欧美 | 国产精品久久久久久影院8一贰佰 | 国产精品视频 | 久久久久久免费精品一区二区三区 | 成人午夜免费视频 | 日韩插插 | 91精品国产综合久久久久久丝袜 | 一区二区在线不卡 | 中文在线a在线 | 91一区二区 | 中国美女一级黄色片 | 欧美日韩一区二区三区不卡视频 | 黄片毛片免费观看 | 亚洲精品字幕 | 国产精品久久久久久一区二区三区 | 欧美日韩亚洲二区 | 成人在线电影在线观看 | 日本中文在线 | 亚洲最大的黄色网址 | 亚洲综合色婷婷 | 在线免费观看毛片 | 色综合天天天天做夜夜夜夜做 | 最近中文字幕在线视频1 | 亚洲精品久久久久久久久久久 | 亚洲欧洲成人av每日更新 | 天天操伊人| av久久 | 午夜视频在线观看网站 | 51ⅴ精品国产91久久久久久 | 日韩精品视频在线 |