flex布局下为什么没有margin纵向重叠问题

来源：3-5 布局-解题-1

小程序魔王

2020-07-18

<div class="container">
    <p>AAA</p>
    <p>BBB</p>
</div>

.container {
    width: 100%;
    display: flex;
    flex-direction: column;
}
p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1;
}

写回答

1回答

双越

2020-07-19

因为是 flex 布局，所以这里的 p 和 div 没啥区别。

双越

香饽饽0

是的。

2021-04-13

共2条回复

一天时间高效准备前端技术一面匹配大厂面试要求

针对时下面试高频考点，帮助新人js面试快速通关

4719 学习 · 1683 问题

查看课程

相似问题

有了flex布局这么写圣杯布局还有什么意义吗？

回答 1

flex，定位

回答 1

关于三栏布局的问题

回答 1

空白内容的P标签也会重叠，什么意思呢？没理解

回答 1

关于圣杯布局

回答 1

打开慕课网App查看更多内容