.footer .container {
 width: 1200px;
    margin: 0 auto;
    border:1px solid;
}
.footer-link-wrap {
 
 margin-top: 33px;
 margin-bottom: 12px;
}

<div id="footer" class="footer">
        <div class="container">
           
            <p class="footer-link-wrap">
                <a href="###" target="_blank" class="footer-link">关于慕淘</a
                ><a href="###" target="_blank" class="footer-link">合作伙伴</a
                ><a href="###" target="_blank" class="footer-link">营销中心</a
                ><a href="###" target="_blank" class="footer-link">廉正举报</a
                ><a href="###" target="_blank" class="footer-link">联系客服</a
                ><a href="###" target="_blank" class="footer-link">开放平台</a
                ><a href="###" target="_blank" class="footer-link">诚征英才</a
                ><a href="###" target="_blank" class="footer-link">联系我们</a
                ><a href="###" target="_blank" class="footer-link">网站地图</a
                ><a href="###" target="_blank" class="footer-link">法律声明</a
                ><a href="###" target="_blank" class="footer-link">知识产权</a>
            </p>
            <p>© 2017 imooc.com All Rights Reserved</p>
        </div>
    </div>

为什么.footer .container类中加了边框，.footer-link-wrap中设置margin-top：33px； 可以实现与顶部距离33px；  为什么去掉边框设置margin-top：33px；就没有顶部距离了，为什么设置padding-top：33px又可以实现？