当内容超出min-height高度，页面垂直方向出现内容切割显示不完整以及margin无效果的情况

css 中的 min-height 属性值会对元素的高度设置一个最低限制。因此，元素可以比指定值高，但不能比其矮。不允许指定负值。
拟实现一个这样的效果，页面中有一个内容块，设置其 min-height 属性，让它水平居中，并且距离顶部与底部有一定距离。
在内容块高度超过页面高度时，会发生垂直方向上内容切割显示不完整，并且垂直方向的margin 无效果，使用外部容器的padding属性来改变垂直间距，这对顶部有效果，但底部无效果。
思考问题可能发生的原因，内容发生切割，并且边框效果有溢出效果，可以考虑 overflow 属性是否有作用。
下列代码中：content类为 父，maincon 为内容块。

.content {
  width: 100%;
  height: 100%;
  padding: 20px 0 15px;
  overflow: auto;
	  .MainCon {
	    width: 95%;
	    min-height: 95%;
	    margin: 0 auto ;
	  }
  }

我使用overflow: auto ；属性可解决这个问题。