隱藏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;
}