首页 > 代码库 > div两侧的boder断开 消失 奇怪

div两侧的boder断开 消失 奇怪

原文发布时间为:2009-11-06 —— 来源于本人的百度文章 [由搬家工具导入]

解决方法:

设定外层DIV的宽度即可,如 width:99%

=========================================

今天在做一个普通的div,四个边都是 1px solid #900,但是发现在页面上下移动时,div的两个边会断开,好像左右两个boder中间被人擦去似的,有时切换当前页也会变化断开点,断开处时长时短,IE6和firefox都会这样。
用光标把div选中,线条又可以看到,但一上下滚动页面,就断开了。

div里面放的ul列表,其中 <li>用如下两个样式控制:
<li>控制样式1:display:block;width:100%;overflow:hidden;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;
<li>控制样式2:background:url(/img/redarrow.gif) no-repeat 1px 5px;padding-left:18px;width:45%;float:left;height:22px;
每个 <li>都占div的46%宽度,向左浮动,以排成2列。

类似IE6“断头台”的问题,还是受DIV上面浮动元素影响(但有清除过上面的浮动)?

div两侧的boder断开 消失 奇怪