<div id="div1" style="border: 1px red solid;width: 100%;height: 50px;">
<div id="div2" style="border: 1px blue solid;width: 80%;height: 50px;"></div>
</div>
解决办法1：<div id="div2" style="border: 1px blue solid;width: 80%;height: 50px;margin:auto;"></div>，这个margin：auto能将div2相对于div1居中。
解决办法2：<div id="div2" style="border: 1px blue solid;width: 80%;height: 50px;margin-left: 10%;"></div>, 这个是将div的宽度设成div1的80%，然后将div2设置距左距离为剩余20%的一半10%。应该就可以居中了，这个方法我试了一下是可以的，但是不能确定适合其他情况