Question

我试图处理两个可调整大小的div，当我更改一个div时，另一个div会沿着网格调整其大小，反之亦然。

我只能实现调整大小部分。当我超过一定长度时，另一个div移动到下一行，我不想发生这种情况。相反，我希望它只留在同一条线上。

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

这是我的代码：

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

请检查此plunkr

Answer 1

请尝试以下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;
}

两个可调整大小的div，改变一个改变另一个

1 个答案: