使容器div占用所需的空间

我有一个包含另一个容器的容器div。我希望我的外部容器在屏幕尺寸允许的情况下占用所需的空间,但我仍然会获得滚动条。

.outer {
  padding: 16px;
  color: black;
  background: white;
  overflow: auto;
  border: 1px solid black;
  display: block;
} 
<div class="outer">
  <div class="inner">
    Some content...
  </div>
</div>

内部div没有样式,默认显示为block;

评论