【CSS面试题】margin纵向重叠的问题

最新推荐文章于 2023-06-26 16:09:12 发布

Milk595

最新推荐文章于 2023-06-26 16:09:12 发布

阅读量728

点赞数

分类专栏： CSS 前端面试文章标签： css

本文链接：https://blog.csdn.net/weixin_43352901/article/details/107392191

版权

前端面试同时被 2 个专栏收录

55 篇文章 8 订阅

订阅专栏

CSS

26 篇文章 0 订阅

订阅专栏

margin纵向重叠的问题

在这里插入图片描述
答案：15px

相邻元素的margin-top和margin-bottom会发生重叠（必须记住）
空白内容的
也会重叠

核心代码演示：

    <style>
    p{
        font-size: 16px;
        line-height: 1;
        margin-top: 10px;
        margin-bottom:15px;
    }
    </style>
</head>
<body>
    <p>AAA</p>
    <P></P>
    <P></P>
    <P></P>
    <P>BBB</P>
</body>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Milk595

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
【CSS面试题】margin纵向重叠的问题

margin纵向重叠的问题答案：15px相邻元素的margin-top和margin-bottom会发生重叠（必须记住）空白内容的也会重叠核心代码演示： <style> p{ font-size: 16px; line-height: 1; margin-top: 10px; margin-bottom:15px; } </style></head><b
复制链接

扫一扫