kamarl0
2012-08-05 16:50 阅读 936

table宽度自动改变的问题

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

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

附件中附了源代码。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    iteye_7115 iteye_7115 2012-08-06 11:09

    .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了

    点赞 评论 复制链接分享
  • j_clxy clxy大叔 2012-08-06 10:41

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

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

    点赞 评论 复制链接分享

相关推荐