div两侧的boder断开 消失 奇怪

标签：overflow   发布   row   word   break   style   lips   ref   flow   

原文发布时间为：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断开 消失 奇怪

标签：overflow   发布   row   word   break   style   lips   ref   flow   

原文地址：http://www.cnblogs.com/handboy/p/7158375.html