Как сделать высоту блока по содержимому css

Чтобы задать высоту блока по содержимому в CSS, можно использовать свойство height вместе со значением auto. Это позволит блоку автоматически расширяться и уменьшаться в высоту в зависимости от содержимого внутри него.

HTML:

<div class="container">
  <p>Первый абзац</p>
  <p>Второй абзац</p>
  <p>Третий абзац</p>
</div>

CSS:

.container {
  height: auto;
  width: 200px;
  background-color: #eee;
  padding: 10px;
  border: 1px solid #000;
}

В этом примере мы создаем контейнер с несколькими абзацами. Мы задаем ширину, фон и границу для контейнера. Затем мы устанавливаем свойство height: auto; для контейнера, что позволит ему растягиваться и сжиматься в высоту в зависимости от содержимого, которое находится внутри него.

Если вы хотите, чтобы высота блока соответствовала только одному элементу внутри него, вы можете использовать свойство height с auto для остальных элементов внутри блока. Например, вы можете задать фиксированную высоту для контейнера, а затем использовать свойство height: auto; для каждого абзаца внутри него, чтобы он имел высоту, равную высоте самого длинного абзаца внутри контейнера.