今天在写练习时,给元素加了overflow:hidden失效,怎么改都没用,经百度一下,找到了解决办法。
出现原因:
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。
解决办法:
解决这个bug很简单,在父元素中使用position:relative;即可解决,就是用到overflow的父节点中增加相对定位即可。
如果你想写例子,可以写写百度招聘首页的导航。
今天在写练习时,给元素加了overflow:hidden失效,怎么改都没用,经百度一下,找到了解决办法。
出现原因:
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。
解决办法:
解决这个bug很简单,在父元素中使用position:relative;即可解决,就是用到overflow的父节点中增加相对定位即可。
如果你想写例子,可以写写百度招聘首页的导航。