自适应技巧（一）
2018-10-14 本文已影响2人
东邪_黄药师
布局：
<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
