不定宽块状元素居中

Question

如何让右边那个灰色背景框居中   ？

Answer 1

.wrap-center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);    //兼容谷歌浏览器
    -moz-transform:translate(-50%,-50%);       //兼容火狐浏览器
}

Answer 2

/*下面是代码任务区*/
.wrap{
    clear:both;
    float:left;
    position:relative;
    left:50%
    }
.wrap-center{
    background:#ccc;
    position:relative;
    left:-50%;
}

望采纳！