div1嵌套div2，div2居中的解决办法

<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%。应该就可以居中了，这个方法我试了一下是可以的，但是不能确定适合其他情况

 

转载于:https://www.cnblogs.com/mustanglqt/p/9553332.html