WEB开发网
开发学院网页设计DivCss IE下div边框显示有残缺 阅读

IE下div边框显示有残缺

 2008-08-06 19:26:50 来源:WEB开发网   
核心提示:IE6下div边框显示有残缺 最近在做页面布局的时候出现一个问题,把一个div的border设置为1px,这个DIV作为一个容器,IE下div边框显示有残缺,容器里面的内容设置了float属性,在IE6下就一直会有问题,似乎IE6下 在这个边框内加一个清除浮动的1象素DIV clear:both;会出现过高的错误显示,

IE6下div边框显示有残缺
   最近在做页面布局的时候出现一个问题,把一个div的border设置为1px,这个DIV作为一个容器,容器里面的内容设置了float属性。在IE6下就一直会有问题,容器的边框在渲染的时候总有残缺,显示不完全,感觉若隐若现的。但是把鼠标放上去,晃动一下就没有问题,马上就显示完整。在IE7和Firefox下都没有问题,调了很久,最后终于找到原因,把容器的高度或者宽度设置成100%就可以了。
 
遇到过这个问题,用你的解决办法的话,似乎IE6下 在这个边框内加一个清除浮动的1象素DIV
clear:both;
会出现过高的错误显示,
而给这个框再加个背景就显示正常了
chia 于 2008-6-23 18:36:14 回复
会出现过高的错误显示,
-------------------------------
这个你把 clear的div 设置成 clear:both; font-size:0px; height:0px; line-height:0px;
应该就不会出现过高的错误,

而给这个框再加个背景就显示正常了

Tags:IE div 边框

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接