CSS 利用margin-bottom和padding-bottom实现等高的原理是什么

Question

        .Article {
            overflow: hidden;
        }

        .Article>li {
            float: left;
            margin-bottom:-200px;
            padding-bottom: 200px;
            background: #4577dc;
            width: 200px;
            color: #fff;
        }

overflow: hidden;
float: left;
margin-bottom:-2000px;
padding-bottom: 2000px;

这几句代码是怎样相互作用的呢

Answer 1