CSS margin全面了解

        <div class="container">  

            <div class="box3">box3</div>  

            <div class="box4">box4</div>  

            <p>box3的margin-bottom为30px，box4的margin-top为-30px，两个margin一正一负，相加。</p>    

        </div>  

        <div class="container">  

            <div class="box5">box5</div>  

            <div class="box6">box6</div>  

            <p>box5的margin-bottom为-30px，box6的margin-top为-50px，两个margin都是负数，取绝对值大的。</p>    

        </div>  

    </body>  

</html>  

1.    两个margin都是正数，取绝对值大的；

2.    一个margin是正数，另一个margin是负数，相加；

3.    两个margin都是负数，取绝对值大的。

以上这篇CSS margin全面了解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!