最近复习了一下CSS相关的知识点,对于CSS中经典的边距重叠问题进行了梳理总结,目的是检验复习效果,也希望对他人有所帮助,疏漏之处还请各位前端老鸟们不吝赐教。 提出问题:在使用CSS排版布局时,会发现兄弟或者父子节点设置的上下外边距会发生重叠现象,如下图所示 <style> .out { width: 100%; background-color: pink; } .out>div { height: 100px; width: