HTML-疑难杂症-padding撑开父盒子

HTML-疑难杂症

使用padding属性的时候会产生盒子被撑开的问题

今天遇到一个问题就是我在突发奇想方案尝试对一个父盒子中的一个子盒子水平垂直居中

<div class="fu">
	<div class = "zi">
	</div>
</div>
<style>
	.zi{
		with:45px;
		height:45px;
		margin: 0 auto;
	}
	.fu{
	   with:70px;
	   hight : 70px;
	   padding: 100px;
	    box-sizing: border-box;<!-- 这个就能解决padding将盒子撑开的问题 -->
	}
</style>