<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>
因为div1的height比dive2的line-height大。比如div1的height是20px,这时如果div2的line-height为19px,一行是围绕不满div1的。就又围绕了一行。你可以试试改变他们的height和line-height。
因为div1
本身有高度