关于css中margin的值和垂直外边距重叠问题

并列盒子的m arg in(双mar gin 的重叠)面试题:一个盒子有上边距 ,另一个盒子有下边距,会出现margin边距的重叠问题?解决:取大值,并不是他们的相加之和,而是谁大听谁的!

<!DOCTY PE  ht ML >
<html>
<head>
    < ;m eta charset="utf-8"/>
    <t IT le></title>
    <style type="text/css">
    *{margin: 0;padding: 0;}
    .box1,.box2{
    width: 200px;
    h ei ght: 200px;    
    }
    .box1{
    background-color:  # f90;
    margin-bottom: 20px;
    }
    .box2{
    background-color: aqua;
    margin -t op: 50px;
    }
    </style>
</head>
<body>
    <div class="box1"></div>
    <div class="box2"></div>
</body>
</html>

margin跟padding 内边距的方位值和取值情况一样,顺时针方向 (上右下左),点击查看" css盒子模型之内边距padding及简写 "

到此这篇关于关于css中margin的值和垂直外边距重叠问题的文章就介绍到这了,更多相关margin垂直外边距重叠内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是为你收集整理的关于css中margin的值和垂直外边距重叠问题全部内容，希望文章能够帮你解决关于css中margin的值和垂直外边距重叠问题所遇到的问题。

如果觉得网站内容还不错，推荐好友。

查看更多关于关于css中margin的值和垂直外边距重叠问题的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did201567

更新时间：2023-04-27 阅读：26次