zoukankan      html  css  js  c++  java
  • IE8下按钮与右边的距离比IE7和IE6的多了一倍

             在一个div里放一个浮动向右的div,在浮动向右的div里放一个按钮并背景图,这时在IE8下看,按钮与右边的距离多了一倍。(这里一眼看上去好像觉得受到了display:blokc的影响,错了!难道是图片的高度被撑开问题,都错!!)

            解决方案:在按钮的样式里加padding:0;

     <div class="contain">
            <div class="btnFrame">
                <input type="button" class="btn" />
                <input type="button" class="btn" />
            </div>
        </div>

    CSS样式:

     .contain
     {
          140px;
          height: 40px;
          border: 1px solid red;
    }

     .btnFrame

    {
       float: right;
        *margin-right: 4px;
        _margin-right: 4px;
        margin-top: 9px;
        text-align: right;/*IE7、6下让内容距右*/
         border:1px solid green;
    }

    .btn

    {
        6px;
        height: 6px;
        cursor: pointer;
       display: block;
        float:left;

        padding:0;
        border-style: none;
         background: url(../images/btn.gif) no-repeat;
    }

                                                       

  • 相关阅读:
    [ZOJ1610]Count the Colors
    浅谈算法——线段树之Lazy标记
    浅谈算法——线段树
    [HEOI2013]Segment
    [JSOI2008]Blue Mary开公司
    [JSOI2016]扭动的回文串
    [BZOJ3790]神奇项链
    [BZOJ2565]最长双回文串
    [BZOJ2160]拉拉队排练
    [POI2010]Antisymmetry
  • 原文地址:https://www.cnblogs.com/dreamhouse/p/2965083.html
Copyright © 2011-2022 走看看