Html Css设置左固定和右流体布局

我需要处理html和css这样的布局： 左宽度对于250px是静态的 右侧为流体，用于屏幕的其他部分（100%-250px）

我尝试这样做（我正在使用sass）：

---

那么我该如何解决这个问题呢？

如果我已经很好地理解了，请尝试以下代码：

.wrapper{
    width:100%;
    margin: 0 auto;
    .left{
      width:250px;
      float:left;
    }
    .right{
      float:right;
      width:100%;
      margin-right: 250px;
    }
  }

---

这非常简单： 如果你看不到小提琴，这里是html和css

HTML:

旁白

---

我把包装纸忘了。这与演示无关。不过有一个问题：如果你给包装纸100%的宽度，那么0%的余量是多少？您真的需要指定宽度吗？

您可以删除右侧的

浮动：right

。例如：

right{
  width:100%;
  margin-left: 250px;
}​

---

请注意，我没有使用SASS样式。

对于

右div

.wrapper{
    width:100%;
    margin: 0 auto;
}
    .left{
      width:250px;
  height:100%;
      float:left;
    background:#f00;
    }
    .right{

      height:100%;
      margin-left: 250px;
    background:#0f0;
    }

---

您可以使用

.left、.right{display:table cell}

代替浮动它们。宽度：自动代替左边距，然后您可以在一个位置更改边距。

.fixed {
    float: left;
    width: 250px;
}

.fluid {
    margin-left: 250px;
}

right{
  width:100%;
  margin-left: 250px;
}​

.wrapper{
    width:100%;
    margin: 0 auto;
}
    .left{
      width:250px;
  height:100%;
      float:left;
    background:#f00;
    }
    .right{

      height:100%;
      margin-left: 250px;
    background:#0f0;
    }