很多像我這樣的小白會疑惑，為什麼塊級元素margin：auto；隻能水準居中，不能垂直居中?css居中問題怼這裡我查了一下，原來是這樣的：
margin百分比是按照包含塊的寬度計算的！且padding比例也是按包含塊的寬度計算！
<style>
*{
margin:;
padding:;
}
div{
width:px;
height:px;
background: yellow;
}
p{
width:px;
height:px;
background: red;
margin:auto ;
padding:% %;
}
</style>
<body>
<div class='one'>
<p>包含塊的寬為400px，高為300px，padding的值都為40px</p>
</div>
</body>
![沒救了! 困擾程式員一輩子的5個魔咒, 改掉比登天還難！[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)