ie6下子元素撑大父元素

时间:2022-01-04 20:43:57

今天遇到了一个问题。在给a元素定义hover并且增大尺寸时,IE6下该元素会把父元素撑大,而非IE浏览器则是表现为溢出效果不会撑大父元素(我想要的效果)。解决IE6的这个问题是采用了一个定位+负边距的方案。具体问题如图所示(IE6):ie6下子元素撑大父元素从所示的border可以看出,父元素被撑大了!所以在hover元素上添加*position:relative;*margin-bottom:-10px;(注意:这里的*号是为了只让IE6能够识别)