父元素没给高度,一个是div里面是文字,宽度给定,文字变多高度会增加,怎么设置他的相邻元素的高度随着他的高度的变化而变化
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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。