這篇文章給大家分享的是有關(guān)怎么解決css中overflow:hidden失效的問(wèn)題的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

集安網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),集安網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為集安上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的集安做網(wǎng)站的公司定做！

失效原因

今天在寫(xiě)輪播圖的時(shí)候發(fā)現(xiàn)，overflow;hidden;竟然能失效，發(fā)現(xiàn)原因如下：父元素想要隱藏溢出的絕對(duì)定位的子元素，需要給父元素加一個(gè)定位;因?yàn)榻^對(duì)定位的子元素會(huì)從內(nèi)向外尋找有定位的父元素，找不到的話overflow:hidden;也會(huì)隨之失效。

一探究竟

重要的事再說(shuō)一遍，正如上述所言，overflow:hidden;失效的原因是：父元素想要隱藏溢出的絕對(duì)定位的子元素，需要給父元素加一個(gè)定位;因?yàn)榻^對(duì)定位的子元素會(huì)從內(nèi)向外尋找有定位的父元素，找不到的話overflow:hidden;也會(huì)隨之失效。

下面我們來(lái)試試：

（1）