自适应技巧（一）

布局：

 <div class="my-content">
    <div class="category-left">111</div>
    <div class="category-right">222</div>
</div>

css：

.my-content{
position: absolute;
left: 0;
top:44px;
bottom: 50px;
width: 100%;
 }
.my-content .category-left{
height: 100%;
width: 80px;
float: left;
background: saddlebrown;
 }
 .my-content .category-right{
height: 100%;
margin-left: 90px;
background: salmon;

 }

技巧：
父元素100%；
子元素左侧固定宽并且：float：left；
右侧margin-left的值为左侧子元素的宽。
附图：

image.png