插入div并自动显示滚动条

Question

我是前端的新手，我想知道如何移除滚动条。

Codepen示例。这里没有显示我的聊天。负责节目的div是：

<div id="chat-column-holder" class="responsive-column content-column">

我在网络聊天中插入一个div蓝色，并自动显示一个滚动条，当我必须在页面末尾输入内容时。

请参阅：

查看我何时到达页面末尾：

在插入之前，滚动条从未显示过。

查看我的属性：

div {
  word-wrap: break-word;
  line-height: 1.25rem;
}

.topImg {
  display: flex;
  background-color: #3bb5c1;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #f7f6f6;
  justify-content: space-between;
  padding: 15px;

}
.topImg::-webkit-scrollbar {
 display: none;
}

.topImg .topImgIcon {
 height: 60px;
  width: 60px;
  display: inline-block;
  border-radius: 60px;
  padding: 5px;
  background-color: #fff;
  margin-top: -5px;
  margin-left: -4px;
}


.topImg .tittle {
  font-size: 20px;
  position: absolute;
  font-family: Arial, Tahoma, sans-serif;
  text-transform: uppercase;
  line-height: px;
  flex-grow: 2;
  text-align: left;
  padding-left: 10px;
  margin-top: -35px;
  margin-left: 55px;
}

我的新div插入：

<div class="topImg">
  <div class="topImgIcon">
  <img src="https://yt3.ggpht.com/-v0soe-ievYE/AAAAAAAAAAI/AAAAAAAAAAA/OixOH_h84Po/s900-c-k-no-mo-rj-c0xffffff/photo.jpg" class="topImgIcon"><span class="tittle">GOOGLE</span>
</div>
</div>

Answer 1

你可以在css中使用这段代码：

overflow:auto;

Answer 2

在这种情况下，问题出在parent和child（CSS）上， 我只是为我的scrool div修改我的div，并且完全相同的尺寸。