0

Ситуация максимально простая: есть блок, внутри него контейнер, внутри контейнера еще один див. Явная высота в пикселях задана только самому младшему диву.В результате высота у всех блоков равна высоте текста внутри. Может быть глупый вопрос, но я в упор не понимаю в чем дело.

.titleWletter {
  max-width: 100%;
  margin: 0 auto;
  height: 180px;
}
<section class="main__blog blog">
  <div class="blog__container">
    <div class="blog__titleWletter titleWletter">
      <h3 class="titleWletter__title">
        Let's blog
      </h3>
    </div>
  </div>
</section>
Михаил Камахин
  • 8,729
Darya Emelyanova
  • 1
  • Не понимаю, всё же работает – Михаил Камахин Feb 25 '22 at 16:55
  • Всё отлично работает, высота всех div'ов и вообще всей страницы ровно 180 пикселей https://i.stack.imgur.com/TO1i6.png – andreymal Feb 25 '22 at 16:58
  • У меня в отдельном файле этот же самый код тоже сработал как нужно, но в основном проекте все та же ерунда. Никаких ошибок за пределами этого фрагмента в основном проекте нет. Не может ли это быть из-за проблем с браузером или самим редактором кода или еще по какой-то технической причине? – Darya Emelyanova Feb 25 '22 at 17:32

1 Answers1

0

Всё работает:

.titleWletter {
  max-width: 100%;
  margin: 0 auto;
  height: 180px;
  outline: 1px dotted red;
}
<section class="main__blog blog">
  <div class="blog__container">
    <div class="blog__titleWletter titleWletter">
      <h3 class="titleWletter__title">
        Let's blog
      </h3>
    </div>
  </div>
</section>
Qwertiy
  • 123,725