SOURCE

<!-- <div id="left">Left sidebar</div>
<div id="content">Main Content</div>
 左边定宽，右边的margin-left等于左边的宽度-->

<div id="left">
			Left Sidebar
		</div>
		<div id="content">
			<div id="contentInner">
				Main Content
			</div>
		</div>

/* 左边固定宽度，右边自适应宽度*/
*{ 
  margin: 0;
  padding: 0;
} 
/*第一种：浮动布局*/
/* #left { 
  float: left; 
  width: 220px; 
  background-color: green;
} 
#content { 
  background-color: orange; 
  margin-left: 220px;
  ==等于左边栏宽度== 
} */
/*浮动和负边距实现*/
#left {
			background-color: green;
			float: left;
			width: 220px;
			margin-right: -100%;
		}
		
		#content {
			float: left;
			width: 100%;
		}
		
		#contentInner {
			margin-left: 220px;/*==等于左边栏宽度值==*/
			background-color: orange;
		}