在CSS中，怎样才使得两个层左右对齐啊？

左右两个层嘛。但是我在CSS中定义他们居然不能左右。在#pagebody{}中包含了两个层嘛。分别是#sidebar{}和#mainbody{}。这两个怎么左右哦。

#SideBar{
width:170px;
margin:0px 730px opx 60px ;
padding:10px;
text-align:left;
float:left;
clear:left;
overflow:hidden;

}
#MainBody{
text-align:left;
width:730px;
float:right;
clear:right;
overflow:hidden;
}这样定义怎么实现不了哦。。高手帮忙解决下。谢谢

要使得两个DIV能够左右排列，必须保证两个DIV是包含在另一个DIV之内的，不然不行，另外建议你把clear属性去掉，要不然对浮动效果有影响

#SideBar{
width:170px;
margin:0px 730px opx 60px ;
padding:10px;
text-align:left;
float:left;

overflow:hidden;

}
#MainBody{
text-align:left;
width:730px;
float:right;

overflow:hidden;

}

应该是宽度问题~溢出了~所以上下对齐