反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。 这种布局比较常见，博客园很多默认主题就是这种。一般情况下，这种布局中宽度固定的区域是侧边栏，而自适应的区域是主体内容区——相信把侧边栏搞成自适应的人很少吧？ 要实现这种布局，也算比较简单。我们先给 ...

左侧固定，右侧自适应或者右侧固定在，左侧自适应是一样的。这种布局很常见，而且面试过程中也经常会问到，这里我总结的方法一共有5种。要实现这种布局，也算比较简单。我们先给出html结构： 代码中的#wrap的div，是用来包裹我们要定位的这两个区的；他后面还有个#footer，用来测试在前面 ...

附：传统模式（利用float浮动实现） ...

效果图 代码实现 ...

在做移动端页面的时候，经常会碰到一个div中分左右两个div，左侧div固定宽度或百分比，右侧div中内容左右溢出，需要左右滑动才可以浏览到全部内容，为此写了一个demo。 处理这个问题的核心关键点是右侧div需要设置固定宽度或者百分比，然后设置它的overflow为auto或者scroll ...

1.左侧绝对定位法 直接看代码： 效果如下： 关键点在于.left的position:absolute和.right的margin-left:300px; 2.左侧浮动法（右侧不浮动） 效果如下： 关键点：左侧设置左浮动，右侧设置 ...

之前看到的很多布局都是两边固定宽度，但是中间自适应，实现方式有几种，可以用absolution布局，float布局或者用负margin解决，下面我用了float... html部分: css部分: 下面还是说下重点的，中间固定宽度，两边自适应宽度 ...

老话长谈，css的不固定适应布局 不管是面试还是在平时的工作中，这样的布局形式一直都在用着，很常见，所以今天我就拿出来在唠叨一下， 既是给自己一个备忘存储，也是一个学习巩固的参考，知道大家都会，还是要记忆一下，不为其他，就为打好基础。 话说太多， 直接上代码，一看就能明白。 也许你会不屑一顾 ...