CSS实现一侧宽度自适应，一侧为固定宽度

在百度前端技术学院遇到的问题，“页面右侧部分为固定宽度，左侧保持与浏览器窗口变化同步自适应变化”

不少网站都是这样的两列式布局，屏幕比较宽，如果全屏只有一列，看起来会比较累；两列式布局，可以让内容一列占较多的空间，并为固定宽度；其他导航或推荐的内容为自适应列；

实现方式：固定宽度的一列用position:absolute;定位好；然后自适应的一侧用margin进行定位；

<div id="left">
</div>
<div id="right">
</div>

#left{
	width: 400px;
	height: 1000px;
	position: absolute;
	top: 200px;
	left: 100px;
	background-color: yellow;
}
#right{
	height: 2000px;
	margin-left: 600px;
	background-color: red;
}