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

这样任务区域是水平居中是实现了，但会和任务之前的DIV重叠。

div.container和div.wrap都是BODY的子，body定义是默认的，重叠是因为float的关系吗？

解决重叠分开上下，除了在两个DIV中插入BR，还有其他什么好办法，理论是什么？