div不确定宽度的情况下怎么居中

html:

<div class="div1">
       <div class="div2">
            内容
       </div>
</div>

css代码：

.div1{
    position:absolute;
    left:50%;
}
.div2{
    position:relative;
    left:-50%;
}