如何让两个div分别显示在页面的左右？

[亚细亚]

　　<div id="PageBody"><!--页面主体-->
　　　　<div id="Sidebar"><!--侧边栏-->左边
　　　　</div>
　　　　<div id="MainBody"><!--主体内容-->右边
　　　　</div>
　　</div>
让id＝“Sidebar”的div在左边显示，id＝“MainBody”的div在右边边显示，如何控制？

[clover_sj]

　　 <div id="PageBody"> <!--页面主体-->
　　　　 <div id="Sidebar" align="left"> <!--侧边栏-->左边
　　　　 </div>
　　　　 <div id="MainBody" align="right"> <!--主体内容-->右边
　　　　 </div>
　　 </div>

[ddcatlee]

http://www.w3cn.org/article/layout/2004/88.html

[mike_24]

#PageBody{width:100%;}
<style type="text/css">
#Sidebar{float:left;width:xxxx;}
#MainBody{float:right;width:xxx;}
</style>

<div id="PageBody"> <!--页面主体-->
　　　　 <div id="Sidebar"> <!--侧边栏-->左边
　　　　 </div>
　　　　 <div id="MainBody"> <!--主体内容-->右边
　　　　 </div>
</div>

[mike_24]

<style type="text/css">
#PageBody{width:100%;}
#Sidebar{float:left;width:xxxx;}
#MainBody{float:right;width:xxx;}
</style>

[esena]

<div style="position:absolute;left:0px;border:1px solid red;">左边</div>
<div style="position:absolute;right:0px;border:1px solid red;">右边</div>
直接将以上代码保存为html文件打开及可见效果

[LaXXX]

css里设置设置float就可以。