[英]Show div outside its overflow hidden parent
我有一個隱藏了溢出的容器，並且其中的一個元素是使用li的絕對位置進行選擇的元素，但是對於父容器來說太長了，所以我希望這個元素能從容器中移出，但是溢出是隱藏的（父容器還有很多其他元素，並且它具有水平滾動）不允許此元素退出。
下面是此屏幕截圖：
將寬度（不是“自動”）設置為您的子容器
<div id="pCont" style="overflow:auto; height: 200px; width: 200px;">
<div id="cCont" style="overflow:hidden; width: 200px;">
<ul>
<li>
</li>
</ul>
</div>
</div>
您將看到隱藏了溢出的元素的絕對定位子元素的預期行為。 解決此問題的唯一方法是使您的偽選擇框下拉為<body>元素的子元素，並通過偽選擇框對其進行定位，這會破壞一些HTML語義。
更大的問題是，為什么您需要先隱藏隱藏的溢出？ 如果消除overflow: hidden在父項上會破壞某些東西，那就成了要解決的問題。 否則，您當前問題的答案是：
溢出和絕對定位的行為符合設計
子 div 是否有可能溢出並影響 div 在其父級之外的定位？
[英]Is it possible for a child div to overflow and affect the positioning of divs outside its parent?
如果子 DIV 的任何部分位於父 DIV 的區域之外且沒有溢出，則將其設為不透明：隱藏
[英]Make any part of a child DIV opaque if it is outside of the area of the parent DIV without overflow:hidden
jQuery ui droppable：如何使用div：hidden在div之外放置元素？
[英]jquery ui droppable : how to dropp an element outside a div with overflow:hidden?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.