子元素使用absolute后无法撑开父元素

问题：子元素content使用position: absolute后导致脱离文档流，使子元素无法撑开父元素。

    .content{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 9.6rem;
    }

解决方案： 父元素NewYearsDayActivity使用overflow:auto; NewYearsDayActivi:after使用clear: both;清理浮动即可。

.NewYearsDayActivity{
    position:relative;
    background: linear-gradient(180deg, #F98553, #FEB446);
    height: 100%;
    overflow:auto
  ;
}
.NewYearsDayActivity:after{
    content: "";
    clear: both;
}
.

最终效果：