javascript - div宽度怎么自适应

问题描述

问 题

一排有2个div，其中右边的宽度固定，怎么让左边的div自动填满剩余的宽度？不用js实现

解决方案

如果考虑dom顺序的话可以

<div class="left">
    <div class="content">
        left
    </div>
</div>
<div class="right">right</div>

html,body{height: 100%;overflow: hidden;}
.left{float: left;width:100%;background: #f00;height: 100%;}
.content{margin-right: 200px;}
.right{float: left;width:200px; height: 100%;  margin-left: -200px; background: #ccc;}

这篇关于javascript - div宽度怎么自适应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！