table宽度自动改变的问题

问题描述:

做了一个页面,td中包含一个隐藏的元素,当鼠标移动到table中的一个td中后,会显示这个隐藏的原色。
td的宽度会自动的变宽一下。导致后面的td内容会随着移动。严重影响了使用体验。

研究了许久,不知道我的CSS中到底那里写的有问题?

附件中附了源代码。

.ccent { display:none; height:140px; width:220px; overflow:hidden; margin:0; padding:0; }

你home.css代码中的width:220px设的有点大,改为210px。对于问题原因不清楚,因为不是专业美工。

你这个代码是在ie下测出问题的吧,因为我用的ie8测出问题,其它浏览器没发现

我把我测试方法也说下吧:
我就是把你页面中的div加上style="border:1px dashed red;"用各种颜色区分,这样会很明显看出当你鼠标移动到td上时会把最外div撑大,进而影响后面的显示。所以我判断应该是因为鼠标移动而显示出来的那个div造成的,试着把它的宽度设小点,测试了下,ok了

FF,Chrome,IE9下都没有问题。

恐怕你需要更详细的信息才可以。