如何防止絕對定位的孩子被溢出隱藏的div裁剪？

我希望能夠顯示divBox的所有內容，但它必須位於divBtoConteudo1_2之內，因爲我必須參考其位置，以確定正確的位置。問題是頂層，它被設置爲overflow: hidden，並且它不允許顯示內容。如何防止絕對定位的孩子被溢出隱藏的div裁剪？

<div style="position: relative; display: block; width: 100vw; border-top: 1px solid #000000; overflow: hidden; margin-left: 100px;"> 
 
    <div id="divBtoConteudo1_2" style="position: relative; display: block; width: 725px; height: 100px; padding-left: 43px;"> 
 
    <!--Box.--> 
 
    <div id="divBox" style="position: absolute; display: block; top: 0px; left: -20px;"> 
 
     Box images. 
 
    </div> 
 
    <!--Box.--> 
 
    </div> 
 
</div>

我研究了一下這個解決方案，但找不到任何會工作。並且在一些帖子中，它甚至表示它不能完成。

是否有任何解決方案，即使我必須使用一些jQuery？如果我只需要對divBox進行一些更改，以便它能夠正常工作，那就太好了。

來源

2017-07-07 Jorge Mauricio

爲什麼'overflow：hidden'是必要的？我在問這個問題，以便更好地理解這個問題 –

請提供一個演示，你的問題不是很清楚 – KCarnaille

它是一個更大的結構的一部分，需要它有這個參數......真正的案例代碼有點長，我不認爲這會讓它變得更容易......但是這裏是：http://memoriaweb.com.br.solidcp.temp-address.com/pt/LayoutPrincipal04.html 它在Amemória下網絡 - >隊報 –

你嘗試的樣式設置爲風格= 「能見度：隱藏」或樣式= 「顯示：無」

來源

2017-07-07 15:54:10

嘗試設置ID = 「divBox」內嵌樣式的z-index：1000

我在我的項目中遇到了很多問題

來源

2017-07-07 16:33:35 Yuhao

didn't工作... \t

Box images. teste

–

如何防止絕對定位的孩子被溢出隱藏的div裁剪？

回答

相關問題