заставить контейнер div занимать столько места, сколько необходимо

Question

У меня есть контейнер 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 не имеет стиля и по умолчанию отображает блок;

Answer 1

Если вы хотите, чтобы div увеличивался вместе с содержимым, вы можете определить его так: не определяйте ширину и / или высоту, тогда элемент div увеличивается вместе с его содержимым. Но контент должен , а не быть установлен в абсолют! Если для содержимого задано значение float, необходимо установить для контейнера значение

overflow:hidden

, тогда оно будет расти вместе с содержимым. Вы все еще можете определить max-with:

max-width: 400px; 

Надеюсь, это поможет!

Answer 2

Я понял это. Там была позиция абсолютно глубоко внутри div внутри моего контейнера div. Вот почему контент не будет расширяться.