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

bra*_*r19 4 html css sass

我需要用html和css这样的布局:左边宽度是静态的250px右边是流畅的,其他剩余的屏幕(100%-250px)

我试试(我正在使用sass):

  .wrapper{
    width:100%;
    margin: 0 auto;
    .left{
      width:250px;
      float:left;
    }
    .right{
      float:right;
      width:100%;
      margin-left: 250px;
    }
  }
Run Code Online (Sandbox Code Playgroud)

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

ban*_*aka 13

这很简单:http://jsfiddle.net/joplomacedo/ExHzk/ 如果你看不到小提琴,这里是html和css.

HTML:

<div class="fixed"></div>
<div class="fluid"></div>?
Run Code Online (Sandbox Code Playgroud)

CSS:

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

.fluid {
    margin-left: 250px;
}
Run Code Online (Sandbox Code Playgroud)

除了
我遗漏了包装纸.这与演示无关.但有一个问题:如果你给包装器宽度为100%,那么保证金是多少:0自动为什么?你真的需要指定宽度吗?