#wrap {
    width:780px;
    margin:0 auto;
    padding:0 10px 10px;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
}

#mainbody {
         width:100%;<!--780px-->
         overflow:hidden;
         margin-top:20px;
}

#sidebar {
    width:180px;
    padding-bottom:10px;
    float:left;
}

#content {
width:580px;

float:right;

}

像这样

可以用float实现，一个向左浮动，一个向右浮动。但是要注意两块加在一起的宽度一定要小于或者等于content的宽度，

可以的 注意坍塌照成的影响