为什么溢出的第二行的文字不是从最左边开始显示？

Question

 <div class="div1">aaaaaaaaaaaaa</div>
        <div class="div2">当这里出现汉字的时候，本来是应该后换到下一行的，但为什么会显示不点奇怪呢？第二行为什么不是从最左边开始的？</div>

        <style>
    .div1{
        width:100px;
        height:20px;
        background: red;
        float:left;
    }
    .div2{
        width:150px;
        height: 20px;
        background: blue;  
    }

</style>

Answer 1

因为div1本身有高度

Answer 2

因为div1的height比dive2的line-height大。比如div1的height是20px,这时如果div2的line-height为19px,一行是围绕不满div1的。就又围绕了一行。你可以试试改变他们的height和line-height。