ie6下border显示不完整解决方法

来源:luqidong 发布时间:2013-12-10 20:06:25 点击数:
 
  今天做项目的时候在ie6下发现一个问题,就是我设置的div边框只显示了一半,郁闷了很久。一直都没找到问题,如下图所示,在ie6下,红色部分的线完全不显示了,找了好久也不知道原因是什么。78OA办公系统
代码如下前端:<div class="c_jdk_left_div">
                <div>
                    <ul class="c_jdk_picyu">
                        <li class="c_jdk_picyu_gry"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
 
                <a class="c_jdk_left_subtn" href="javascript:void(0)">查看兑换记录</a>
            </div>
css如下:.c_jdk_left_div {
  1. margin-left15px;
  2. margin-top20px;
  3. border-right1px solid #dddddd;
}
最后找到原因了是layout的原因,参考资料http://www.satzansatz.de/cssd/onhavinglayout.html
方法1设置父级元素height:100%
方法2设置伏击元素zoom:1