flex设置方式相对比较简单，只要根据需要，对内部的两部分内容分开就可以了。
float设置方式要考虑左右两部分的内容，并且要记得清除浮动，以免影响显示。
table方式可以设置两边的内容都是单元格。
还有其他的实现方式，可以根据实际项目进行选择。
<html><body>
<style>
body{
width:1000px
}
#sidebar{
width:280px
}
#(看不清){
width:720px
}
</style>
<div id="header"></div>
<div id="pagebody">
<div id="sidebar"></div>
<div id="(看不清了)"></div>
</div>
<div id="footer"></div>
</body>
</html>
颜色、高度自己写吧；希望能帮到你
