隐藏DIV中的滚动条

Question

我正在使用div，这是我不想要的额外scrollbar。我希望我的div具有灵活的宽度（自举）和固定高度290px。有人可以帮我解决这个问题吗？

<div class="box">
  <atitle>This is box 2</atitle>
  <hr>
    <div class="box1">
      <p>Hello World Hello World Hello World Hello World Hello World </p>
    </div>
</div>

CSS就在这里：

.box {
  overflow: hidden;
  min-height: 290px;
  border: 1px solid #383737;
  margin-bottom: 30px;
  background-color: #3d3d3d;
}

.box1 {
    overflow: auto;
    height: 290px;
}

Answer 1

我认为这可能会对您有所帮助：

.box1{
    width: 100%;
    height: 99%;
    border: 1px solid blue;
    overflow: auto;
    padding-right: 15px;
}

.box{
    height: 99%;
    border: 1px solid red;
    overflow:hidden;
}