自适应布局，左右两边固定大小，中间内容适应大小
如图所示，需要把上面的Chinese Cosmetic和 更多 、搜索 分别固定在左右两侧，尝试过很多办法，后来用绝对定位absolute 拥有拉伸的特性完美解决。
代码分析，
Chinese Cosmetic 宽度200px，左浮动。
更多 、搜索 宽度80px，右浮动。
中间的品牌和公司简介，分别设置绝对定位absolute，left:200 px，right:80px。
然后把品牌和公司简介的宽度分别设置成 50%。
即可完美自适应布局！！！！！
原文网址：[CSS之布局系列--三列布局--中间固定，两边自适应--方法/实例\_IT利刃出鞘的博客-CSDN博客][CSS_--_--_--_IT_-CSDN] 简介
原文网址：[CSS之布局系列--三列布局(两边固定，中间自适应)--方法/实例\_IT利刃出鞘的博客-CSDN博客][CSS_--_--_IT_-CSDN] 简介 本文
自适应布局，左右两边固定大小，中间内容适应大小 ![Center][] 如图所示，需要把上面的Chinese Cosmetic和 更多
之前有写过关于固定父布局，然后父布局内有是两列自适应。现在我们来看看三栏布局，当左右固定，中间的布适应是如何实现的。 这里将介绍两种方法，一种是使用margin值，另
所谓三列自适应布局指的是两边定宽，中间block宽度自适应。这道题在今年网易内推前端工程师面试的时候也被问到。 我这里主要分为两大类，一类是基于position传统的实现，一类
牛客网的一道面试题，要求左右宽度固定中间自适应，如下图的布局方式 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shado
左右定宽，中间自适应 ![200929295746183.png][] 有几种方法可以实现 改变窗口大小看看？ 方案一： 左右设置绝对定位，定宽，中间设置margin
a.使用浮动布局 html结构如下 <div class="box"> <div class="left">left</div>
今天药忘吃喽~
雨点打透心脏的1/2处
淩亂°似流年
分手后的思念是犯贱
还没有评论，来说两句吧...