左边固定，右边自适应解决方案
1 首先利用浮动 给左边设置宽度，高度，浮动为left 右边不写宽度，给高度，给margin-left设置左边容器的宽度，撑开 因为div属于块级元素会自动占满一行 2 利用定位 父级设置相对定位 左右设置为绝对定位，右边的设置为宽度百分之百，开启怪异盒子 ...
原文：解决左边固定右边自适应宽度的方案
上一篇文章中有提及过很多web前端开发者用float margin position:absolute来实现表单内容的左边文字固定右边的输入框自适应宽度的问题，当然，这个问题我也在百度中搜索过，基本搜索出来的答案都是这样描述的，我也在上一篇文章中提出过浮动和绝对定位属于脱离文档流布局，是会损耗性能的，但是百度中却没有给出我所想表达出的解决方案，所以不得不在此将该方案具体的描述清楚。 首先，我需要 ...
2015-07-20 02:03 5 1192 推荐指数：
相关推荐
div左边固定宽度，右边自适应宽度
样式： <style type="text/css"> html,body { height: 100%; padding: 0; margin: 0; } .outer ...
左边宽度固定，右边宽度自适应的三种写法
html 公用css: 1 利用css3 flex css： 2 左边浮动 3 左右都浮动 使用calc计算右边的宽度 使用css3 flex，还可以实现，左边的高度随右边的高度而变化； ...
flex 左边固定宽度，右边自适应
<div id="flex"> <div id="left">我在边，定宽</div> <div id="right">我在右边，自适应</div> </div> #flex{ display: flex; } #left ...
两个div并排，右边div固定宽度，左边宽度自适应
以下只是其中一种方法： ...
css实现左边div固定宽度，右边div自适应撑满剩下的宽度
（1）使用float -------------------------------------------------------------------------- ...
实现左边div固定宽度，右边div自适应撑满剩下的宽度的布局方式：
html: <div class="container"> <div class="left"> left固定宽度200px </div> <div class="right"> </div> ...
实现一个div，左边固定div宽度200px，右边div自适应
实现一个div，左边固定div宽度200px，右边div自适应<div class= "container"> <div class="left"></div> <div class="rigth"></div> </div> ...