为什么float: right在有些版本的谷歌无效？

Question

.icon_initial1,
.icon_initial2,
.icon_initial3,
.icon_initial4,{
    position: absolute;
    right: 10px;
    /* float: right; */
    /* display: inline-block; */
    width: 17px;
    /* background: red; */
    height: 17px;
    background-repeat: no-repeat;
    /* 不进行平铺 */
    background-image: url('/Public/img/icon_success14.png');
}

<div style='padding: 10px; font-size: 12px'>
    <div class='initial1'>
        • 长度6-20位字符
        <span style='height: 17px; width: 17px' class='icon_initial1' id='icon_initial1' />
        </div>
        <div class='initial2'>
            • 同时包含数字、字母
            <span style='height: 17px; width: 17px' class='icon_initial2' id='icon_initial2' />
        </div>
        <div class='initial3'>
            • 不支持空格
            <span style='height: 17px; width: 17px' class='icon_initial3' id='icon_initial3' />
        </div>
    </div>

float: right 在有的谷歌是有效，有的无效?

Answer 1

看图说话，你的每一个initial div的width属性都是默认值的100%，后面浮动的元素没地方放了，所以就换行放置了