首页 > 其他 > 详细

margin取百分值

时间:2018-03-07 10:15:13      阅读:206      评论:0      收藏:0      [点我收藏+]

当margin的值为百分值时,与其父元素的宽度有关:

<style type="text/css">
    *{
        padding: 0;
        margin:0;
    }
    .parent{
        height:200px;
        width:500px;
        margin:0 auto;
        background-color: red;
    }
    .parent div{
        margin:10%;
        background-color: green
    }
</style>

<div class="parent">
    <div>HTML</div>
</div>

 

技术分享图片

你会发现,父元素距离上面也有50px,将父元素设置overflow:hidden 就会消除

margin取百分值

原文:https://www.cnblogs.com/DB-IT/p/8520353.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!