CSS内容定宽问题？

Question

在阅读《CSS揭秘》一书中遇到如下代码：
html

<footer>
<div class="wrapper">内容</div>
</footer>

css

footer{
padding: 1em;
padding: 1em calc(50% -450px);
background: #333
}

其效果为内容居中且宽度为定宽900px，有些不理解为什么宽度是900px？

Answer 1

外层不是有 padding 吗

padding: 1em calc(50% -450px);

左右 padding 是 50% -450px，两边加起来就是 100% - 900px，所以中间剩下的内容部分就是 900px 了