无宽高的父元素设置左浮动，两个子元素也设置左浮动，最后2个元素为啥不在一行？

Question

css如下：
<style>

    div{
        float: left;
    }
    span {
        width: 200px;
        height: 200px;
        float: left;
        border: 1px solid #f00;
    }
    .p1{
        float: left;
        width: 100px;
        height: 100px;
        border: 1px solid #000;
    }
</style>
把父元素的浮动去掉后就在一排了

Answer 1

你的问题应该没出在这几行代码上，你应该写个 demo 贴出来。
我用你上面的代码试了试，没啥问题。http://codepen.io/zengkan0703...

Answer 2

审查下宽高度就应该知道咯