I have a container div that contains another container. I want my outer container to take up the space needed if screen size allows it to do so but I keep getting a scrollbar none the less.

```css
.outer {
  padding: 16px;
  color: black;
  background: white;
  overflow: auto;
  border: 1px solid black;
  display: block;
} 
```

```html
<div class="outer">
  <div class="inner">
    Some content...
  </div>
</div>
```

inner div has no styling and defaults to display block;