css中overflow:hidden失效问题的解决方法

失效原因 今天在写轮播图的时候发现,overflow;hidden;竟然能失效,发现原因如下:父元素想要隐藏溢出的绝对定位的子元素,需要给父元素加一个定位;因为绝对定位的子元素会从内向外寻找有定位的父元素,找不到的话overflow:hidden;也会随之失效。 一探究竟 重要的事再说一遍,正如上述所言,overflow:hidden;失效的原因是:父元素想要隐藏溢出的绝对定位的子元素,需要给父元素加一个定位;因为绝对定位的子元素会从内向外寻找有定位的父元素,找不到的话overflow:hidden;也会随之失效。 下面我们来试试: (1) <style> .wrappe