如何让div水平居中呢？

一百度div居中，多数都是一个答案，但是有时候这种方法并不是万能的。。。不废话，将我知道的方法都列举一下好了，随时更新。

1、设置width值，指定margin-left和margin-right为auto（或margin: 0 auto;）（多数人都知道的方法，就不举例子了）

2、设置width，利用margin-left为width的负一半和相对定位实现水平居中（width和margin-left可以设置百分比）

 #demo {
     width:500px ;
     height:300px;//高度可以不设,用content撑起高度
     margin: 0 0 0 -250px;//(或者直接设置margin-left: -250px;)
     position:relative;相对定位
     background-color:pink;//方便看效果
     left:50%;
     top:50%;
 }

<div id="demo"></div>

3、待续。。。