核心提示: 在各种内联相关模型中,凡是涉及到垂直方向的排版或者对齐的,都离不开最最基本的基线(baseline)。而因为左边盒子是有三个P标签,而右边盒子是有六个P标签。而基线是以最后一行字的字脚为基准,并且会...

在各种内联相关模型中,凡是涉及到垂直方向的排版或者对齐的,都离不开最最基本的基线(baseline)。
而因为左边盒子是有三个P标签,而右边盒子是有六个P标签。而基线是以最后一行字的字脚为基准,并且会互相对齐。所以就出现这种情况。
而解决这种情况的方法就是添加vertical-align属性
vertical-align: top;
