html+css：一个元素多个类，来抽取相同的属性

如下的图像

 其三个box的高度是相同的，且具有浮动元素，因此可以作为一个类来把其属性都放在一起

这种合并其实不难理解，但是我们在整体的代码设计中很难考虑这一点，这个一定要记住！！

        .child{

            height: 200px;

            float: left;

        }

    <div class="box">
        <div class="child left"></div>
        <div class="child center"></div>
        <div class="child right"></div>
    </div>