gpt4 book ai didi

html - 两个可调整大小的 div ,改变一个会改变另一个

转载 作者:行者123 更新时间:2023-11-28 06:18:11 26 4
gpt4 key购买 nike

我正在尝试处理两个可调整大小的 div,当我更改其中一个时,另一个 div 会沿网格调整其大小,反之亦然。

我只能实现调整大小的部分。当我超过一定长度时,另一个 div 会移动到我不想发生的下一行。相反,我希望它只留在同一行。

我尝试将位置值设置为绝对值和相对值,但仍然无法实现我想要的。

这是我的代码:

.res {
border: 2px solid;
padding: 20px;
width: 200px;
resize: both;
overflow: auto;
}
.resright {
border: 2px solid;
padding: 20px;
width: 200px;
resize: both;
overflow: auto;
float: left;
position: relative;
}
<body>
<div class="container">
<div class="col-md-9">
<div class="col-md-2 res">
<p>Hello how are u?</p>
</div>
<div class="col-md-2 resright">
<p>ratatatatatata</p>
</div>
</div>
</div>
</body>

请检查这个plunkr

最佳答案

请尝试下面的 css

.res, .resright{
border: 2px solid;
box-sizing: border-box;
float: left;
overflow: auto;
max-width: 50%;
padding: 20px;
position: relative;
width: 200px;
resize: both;
}

关于html - 两个可调整大小的 div ,改变一个会改变另一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35765553/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com