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

概述我需要用html和css这样的布局： 左边宽度是250px的静态 对于屏幕的其他部分(100％-250px),右边是流动的 我试试(我正在使用sass)： .wrapper{ width:100%; margin: 0 auto; .left{ width:250px; float:left; } .right{ floa 我需要用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;    }  }

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

解决方法 这很简单： http://jsfiddle.net/joplomacedo/ExHzk/
如果你看不到小提琴,这里是HTML和CSS.

HTML：

<div ></div><div ></div>​

CSS：

.fixed {    float: left;    wIDth: 250px;}.fluID {    margin-left: 250px;}

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

总结

以上是内存溢出为你收集整理的html – Css设置左固定和右流体布局全部内容，希望文章能够帮你解决html – Css设置左固定和右流体布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。