li中的span设置float:right不生效

li中的span设置float:right不生效

部分html代码如下:


  • 部分css代码如下:

    li{
        display:block;
    }
    #one{
        float:left;
    }
    #two{
        float:right;
    }
    本意是想让两个span在li中,第一个span左浮动,第二个span右浮动,结果第二个span右浮动没生效,显示的结果还是左浮动


    解决方法
    在li的css中设置一个属性height,即将li的属性display:block和height一起设置,里面的span设置浮动才生效

    li{
        display:block;
        height:30px;
    }
    #one{
        float:left;
    }
    #two{
        float:right;
    }


    span设置margin不生效

    html如下:

      
    支持文件格式:txt,xsl,csv
    参与抽奖的嘉宾人数:20 查看

    解决方法:给span添加属性display:inline-block就可以给span标签设置margin   padding属性了

    span的css如下:

    font-size: 12px;
    margin-left: 127px;
    margin-top: 8px;
    display:inline-block


     
      





    你可能感兴趣的:(css)