有关css中margin的值和竖直外行高重合难⊙﹏⊙题

日期:2021-03-24 类型:科技新闻 

关键词:在线网页制作,建网页,个人简介网页制作,简单网页,建立网页

并排小盒子的margin(双margin的重合)招聘面试题:一个小盒子有上面距,另外一个小盒子有下面距,会出現margin行高的重合难题?处理:取大值,其实不是她们的相加上和,只是谁大听谁的!

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <style type="text/css">
    *{margin: 0;padding: 0;}
    .box1,.box2{
    width: 200px;
    height: 200px;    
    }
    .box1{
    background-color: #f90;
    margin-bottom: 20px;
    }
    .box2{
    background-color: aqua;
    margin-top: 50px;
    }
    </style>
</head>
<body>
    <div class="box1"></div>
    <div class="box2"></div>
</body>
</html>

margin跟padding内行高的方向值和赋值状况一样,顺时针方向方位(上右下左),点一下查询"css小盒子实体模型以内行高padding及缩写"

到此这篇有关有关css中margin的值和竖直外行高重合难题的文章内容就详细介绍到这了,大量有关margin竖直外行高重合內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!