html - 如何滚动位置 :absolute with the bowser scroll?

Question

我有三个 div 层。第一层是指定高度的背景。第二层是内容类的透明div。第三层是内容。我想删除 .content 类的滚动，我想用浏览器滚动滚动文本。我该怎么做？

.container{
  background-color:black;
  height:400px;
  wdith:100%;
}   
.backtransparent{
  background-color: gray;
  width:250px;
  height:100%;
  margin: 0 auto;
}   
.content{
  width:200px;
  margin: 0 auto;
  background-color:white;
  position:absolute;
  overflow:auto;
  height:400px;
  left: 0;
  right:0;
}

<div class="container">
  <div class="backtransparent">
    <div class="content">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur mollitia maxime facere quae cumque perferendis cum atque quia repellendus rerum eaque quod quibusdam incidunt blanditiis possimus temporibus reiciendis deserunt sequi eveniet necessitatibus maiores quas assumenda voluptate qui odio laboriosam totam repudiandae? Doloremque dignissimos voluptatibus eveniet rem quasi minus ex cumque esse culpa cupiditate cum architecto! Facilis deleniti unde suscipit minima obcaecati vero ea soluta odddio cupiditate placeat vitae nesciunt quis alias dolorum nemo sint facere. Deleniti itaque incidunt eligendi qui nemo corporis ducimus beatae consequatur...
    </div>
  </div>
</div>

这是完整的例子:https://jsfiddle.net/yrp4pmmc/2/

Answer 1

你的意思是like this?

.container{
background-color: black;
height: 400px;
width: 100%;
overflow: auto;
}
.content{
width: 240px;
margin: 0 auto;
background-color: white;
left: 0;
right: 0;
border-left: 20px solid grey;
border-right: 20px solid grey;
}