实现一个底部留白的效果 - 真正不占据空间的属性；

实现一个底部留白的效果 - 真正不占据空间的属性;

当页面的内容不足以撑起一整页时，可用此方法补充留白的区域展示，不会影响其布局，完全自适应，并且兼容性较好
实现的效果如下：

使用absolute与clip进行剪裁实现：

<style>
.footer {
     height: 50px;
 }
 .footer>p {
     position: absolute;
     left: 0;
     right: 0;
     text-align: center;
     padding: 15px 0;
     background-color: #a0b3d6;
     outline: 9999px solid #a0b3d6;
     clip: rect(0 9999px 9999px 0);
 }
</style>
<div class="footer">
   <p>主办方：*****</p>
</div>

标签：clip,footer,留白,底部,a0b3d6,9999px,属性,absolute
来源： https://blog.csdn.net/weixin_42369598/article/details/122330648