当前位置：首页 → 问答吧 → IE6的3px多余问题

IE6的3px多余问题

时间：2011-04-12

来源：互联网

3个div横向排列，中间自适应，IE6显示如下：

其它正常，求解决方法，望高手指教

主要代码如下：
HTML code


<div class="login_right">
        <div class="corner_topLeft"></div>
        <div class="corner_topRight"></div>
        <div class="login_circle"></div>
</div>

CSS code


.login_right {
    float:right;
    width:370px;
}
.corner_topLeft {
    background-image:url(../images/login_07.gif);
    width:13px;
    height:42px;
    float:left;
}
.corner_topRight {
    background-image:url(../images/login_11.gif);
    width:14px;
    height:42px;
    float:right;
}
.login_circle {
    background-image:url(../images/login_09.gif);
    background-repeat:repeat-x;
    height:42px;
    /*为什么这样写无效？*/
    margin:0px 14px 0px 13px !important;
    margin:0px 11px 0px 10px;
}

作者: bluell 发布时间: 2011-04-12

去掉标签之间的空格进行测试看看

作者: net_lover 发布时间: 2011-04-12

中间那个或许可以写WIDTH:AUTO

作者: wangzhao2011 发布时间: 2011-04-12

CSS code

/*给div.login_circle也设置浮动试试：*/
.login_circle { float:left; }

作者: T5500 发布时间: 2011-04-12

IE6的3px多余问题

热门阅读

热门下载