类订单布局

[l-hammer]

https://l-hammer.github.io/You-need-to-know-css/#/class-order-layout

You-need-to-know-css,CSS tricks web developers need to know

[OldSaltFish]

这个after的方案不仅把珍贵的伪元素使用掉了，而且多写很多样式，尤其是

    padding-top: 999px;       /* h */
    padding-bottom: 999px;    /* a */
    margin-top: -999px;       /* c */
    margin-bottom: -999px;    /* k */

这里，实在是看着就难受。