交互设计中心-72色

交互设计中心 | 用户体验 | 优化

IE6下div边框显示有残缺

2007年11月30日 | 分类：DIV+CSS | 评论：2 | 引用：0 | 浏览： | Tags：div边框  残缺  
     最近在做页面布局的时候出现一个问题，把一个div的border设置为1px,这个DIV作为一个容器，容器里面的内容设置了float属性。在IE6下就一直会有问题，容器的边框在渲染的时候总有残缺，显示不完全，感觉若隐若现的。但是把鼠标放上去，晃动一下就没有问题，马上就显示完整。在IE7和Firefox下都没有问题，调了很久，最后终于找到原因，把容器的高度或者宽度设置成100%就可以了。 Share
« 常用CSS元素div ul dl dt ol的简单解释用H1标签来做个小小的SEO优化 »
  1. tuoxie头像
    tuoxie 2008-6-19 8:55:50 1

    遇到过这个问题，用你的解决办法的话，似乎IE6下 在这个边框内加一个清除浮动的1象素DIV
    clear:both;
    会出现过高的错误显示，
    而给这个框再加个背景就显示正常了

    chia 于 2008-6-23 18:36:14 回复
    会出现过高的错误显示，
    -------------------------------
    这个你把 clear的div 设置成 clear:both; font-size:0px; height:0px; line-height:0px;
    应该就不会出现过高的错误，

    而给这个框再加个背景就显示正常了
    -----------------------------------------
    这个没试过，有空试试，谢谢

  1. jacky头像
    jacky 2008-7-13 13:00:42 2

    不回复都不行，解决我的大问题了，谢谢




◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。