CSS渡一教程学习笔记(十)--margin的合并问题

最新推荐文章于 2021-10-23 09:03:05 发布

zhou_shadow

最新推荐文章于 2021-10-23 09:03:05 发布

阅读量229

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/zhou_shadow/article/details/91987645

版权

css 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>margin合并问题</title>
    <style>
        .span1{
            background-color: #FFCCEE;
            margin-right:50px;
        }
        .span2{
            background-color: #FFEECC;
            margin-left:50px;
        }
        .div1{
            margin-bottom:100px;
            width:600px;
            height: 300px;
            background-color:#FFCCEE;
        }
        .div2{
            margin-top:100px;
            width:600px;
            height: 300px;
            background-color:#EEFFEE;
        }
    </style>
</head>
<body>
<!--不需要修改
可以通过数学计算解决-->
<span class="span1">123</span>
<span class="span2">456</span>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>

在这里插入图片描述
margin-top与margin-bottom发生了合并。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhou_shadow

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS渡一教程学习笔记(十)--margin的合并问题

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>margin合并问题</title> <style> .span1{ background-color: ...
复制链接

扫一扫