前端中根据设计图还原页面，还原设计图时，无可避免会遇到各种布局问题，设置宽度百分比，然后进行margin，padding等的设置。
当用百分设置时，要找准元素对应的父级。
<body>
<div class="box header">
<div class="header-msg">
<span>最新报价：vs0052668</span>
<span>发布日期：2018-12-4</span>
</div>
</div>
<div class="box top"></div>
<div class="box container"></div>
<div class="box footer"></div>
</body>
style
body {
width: 50%;
margin: 0 auto;
}
.box {
border: 1px solid black;
box-sizing: border-box;
}
image.png
所以只需要设置body的定位，就可以里边的元素进行定位，达到居中效果
