css实现左边div固定宽度，右边div自适应撑满剩下的宽度
（1）使用float -------------------------------------------------------------------------- ...
原文：css实现左边div自适应宽度，右边宽度适应左边
利用bfc：右边盒子触发bfc，使其不与浮动盒子区域重叠，因此会重新计算宽度。 效果如图 补充一下： BFC翻译过来是块级格式化上下文，和haslayout比较相似，但haslayout是旧版本IE下的一个专有属性，表示元素自己对自身的内容进行组织和计算。BFC相当于一个独立的渲染单元，内外元素不会相互影响。我这里overflow:hidden触发BFC，利用的是BFC布局的一条特性，就是BFC的 ...
2016-09-26 10:35 0 6038 推荐指数：
相关推荐
div左边固定宽度，右边自适应宽度
样式： <style type="text/css"> html,body { height: 100%; padding: 0; margin: 0; } .outer { height: 100%; box-sizing: border-box ...
实现左边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 ...
两个div并排，右边div固定宽度，左边宽度自适应
以下只是其中一种方法： ...
左边宽度固定，右边宽度自适应的三种写法
html 公用css: 1 利用css3 flex css： 2 左边浮动 3 左右都浮动 使用calc计算右边的宽度 使用css3 flex，还可以实现，左边的高度随右边的高度而变化； ...
解决左边固定右边自适应宽度的方案
上一篇文章中有提及过很多web前端开发者用float+margin+position:absolute来实现表单内容的左边文字固定右边的输入框自适应宽度的问题，当然，这个问题我也在百度中搜索过，基本搜索出来的答案都是这样描述的，我也在上一篇文章中提出过浮动和绝对定位属于脱离文档流布局 ...
flex 左边固定宽度，右边自适应
<div id="flex"> <div id="left">我在边，定宽</div> <div id="right">我在右边，自适应</div> </div> #flex{ display: flex; } #left ...