如何设置相邻元素的高度和自己相同？

table-cell可以解决

<style>
.wrap{
    display:table;
}
.a{
    width:300px;
    display:table-cell;
    background:red;
}
.b{
    width:300px;
    display:table-cell;
    background:blue;
} 
</style>

<body>
    <div class="wrap">
      <div class="a">Some TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome Text</div>
      <div class="b">Other Text</div>
    </div>
</body>

如果是textarea的话也可以的，放到b里面就好了，然后给个定位高度宽度100%撑开就好

<style>
    .wrap{
        display:table;
    }
    .a{
        width:300px;
        display:table-cell;
        background:red;
    }
    .b{
        width:300px;
        display:table-cell;
        background:blue;
        position:relative;
    
    }
    .b textarea{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    
    }
    
    
</style>

<body>
    <div class="wrap">
        <div class="a">Some TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome Text</div>
        <div class="b">
            <textarea>other text</textarea>
        </div>
    </div>
</body>

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

如何设置相邻元素的高度和自己相同？

相关电子书