vertical-align负值与margin-bottom负值的差异实例页面

CSS代码：

.test_box {
    width: 45%;
    float: left;
    margin-right: 1%;
    background-color: #f0f3f9;
}
.mb-200 {
    margin-bottom: -200px;
}
.va-200 {
    vertical-align: -200px;
}
                

HTML代码：

<div class="test_box">
    <img src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" class="mb-200" />张含韵
</div>
<div class="test_box">
    <img src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" class="va-200" />张含韵
</div>