很多像我这样的小白会疑惑,为什么块级元素margin:auto;只能水平居中,不能垂直居中?css居中问题怼这里我查了一下,原来是这样的:
margin百分比是按照包含块的宽度计算的!且padding比例也是按包含块的宽度计算!
<style>
*{
margin:0;
padding:0;
}
div{
width:200px;
height:180px;
background: yellow;
}
p{
width:50px;
height:100px;
background: red;
margin:auto ;
padding:10% 10%;
}
</style>
<body>
<div class='one'>
<p>包含块的宽为400px,高为300px,padding的值都为40px</p>
</div>
</body>