在不设置 Div 元素的宽度（width）的情况下，如何让 Div 元素居中？

原文出处：https://www.zhihu.com/question/19652330/answer/24592006

在不设置div宽度的情况下是div水平居中？这个问题困扰了我好久，问了一些大神也没能给出答案，突然间在网上看到了这篇文章，用了一下，能达到我要实现的效果，所以也借来转发一下。

<div class="wrap">
  <div class="inner">html ： 让 inner 居中</div>
</div>


.wrap {
  float: left; /* 自适应内容宽度 */
  position: relative;
  left: 50%; 
}
.inner {
  position: relative;
  left: -50%; 
}

分析一下我的做法：
.wrap 使用 float 是为了让 .wrap 的宽度等于 .inner 的宽度
让 .wrap 的左边在父层的中线上， 让.inner 的左边相对 .wrap 向左移动一半， 这样就可以实现 .inner 在.wrap 的父层的中间。