父盒子边距塌陷问题(BFC第一个子元素设置margin-top无法撑开父元素,反而作用在父元素margin-top上)

项目场景：

提示：这里简述项目相关背景：
网页标题顶部一般会留白,正常的操作是设置padding-top,今天修改别的页面遇到个设置margin-top值的,由于父盒子有背景色,子盒子设置margin-top值导致作用在父盒子上,父盒子与兄弟盒子出现了间距,

---

解决办法

给父元素设置如下任一属性：
避免子元素上边与父元素上边粘连

    .parent{
            border: 1px solid red; 
            overflow:hidden;
            padding-top: 1px;


        }

---