css实现两栏布局，左侧固定宽，右侧自适应的方法

利用 calc 计算宽度的方法

css代码如下：

.box{overflow: hidden;height: 100px;margin: 10px 0;}
.box>div{height: 100%;}
#box1>div{float: left;}
.left1{width: 100px;background: yellow;}
.right1{background: #09c;width:calc(100% - 100px);}

dom结构如下：

<div class="box" id="box1">
    <div class="left1">左侧定宽</div>
    <div class="right1">右侧自适应</div>
</div>

转载于:https://my.oschina.net/koloor/blog/3082240