在父类里不包括最后一位子类的margin-bottom

<divclass="main">
    <divclass="cot">wusuiw</div>
    <divclass="cot">cdf</div>
</div>

<style type="text/css">
    .cot{
        margin-top: 20px;
        margin-bottom: 30px;

    }
   
</style>

如图所示：

解答：因为网页的内容是从上而下慢慢堆叠的，margin不扩大父类的内容，所以margin-bottom不在父类里面，解决方法：改为padding-botttom或在父类加overflow：hidden或加设置border值或加float浮动（撑开父类）；