一列定宽+一列自适应方法2

float + margin + (fix)

by DarcyAn

HTML

<div class="parent">
  <div class="left"><p>left</p></div>
  <div class="right-fix">
    <div class="right">
      <p>right</p>
      <p>right</p>
    </div>
  </div>
</div>

CSS

.left {
  float: left;
  position: relative;
  width: 100px;
  background: pink;
}
.right-fix {
  float: right;
  width: 100%;
  margin-left: -100px;
  background: #fff;
 }
.right {
  margin-left: 120px;
  background: yellow;
}
p{margin-top: 0;}