div 居中的两种方法

<div id="div1"></div>
<div id="div2"></div>

1. 用margin: 0 auto;

#div1{width: 960px;height: 200px;background: red;margin: 0 auto;}

2. 用负边距

  #div2{width: 960px;height: 200px;position: relative;left: 50%;margin-left: -480px;background: green;}

 position相对定位于父元素，left:50%，使div左边移动到了父元素的正中间。用margin-left负值移div的宽度的一半回去，就刚好实现div居中。

转载于:https://www.cnblogs.com/CassieLY/p/5215483.html