css--note

1、两列布局，一列固定宽度，一列宽度自适应方法：html结构中sidebar必须在content之前

<div id="wrap">
  <div id="sidebar" style="height:500px;background:red;color:#fff;">固定宽度区</div>
  <div id="content" style="height:500px;background:#000;color:#fff;">自适应区</div>
</div>

#sidebar {
  float: right; width: 300px;
}
#content {
  margin-right: 300px;
}