@Cepesh16

Почему overflow: hidden; не скрывает текст рядом с блоком float?

Насколько я понимаю overflow: hidden; скрывает весь контект который вылезает за блок/
В моем случае с float он не скрывает текст слева, а просто смещает его вниз по ширине блока в котором расположен:
5cd700dc60a6b210802782.png

Почему он не скрывается?
  • Вопрос задан
  • 393 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Существуют понятия поток элементов в документе и контекст форматирования. Строчные располагаются в потоке слева направо, блочные — сверху вниз. Float заставляет другие элементы в потоке обтекать указанный. Именно это вы наблюдаете в первом примере.
Определенные свойства создают новый контекст (overflow, display с некоторыми значениями и другие). В новом контексте создается свой поток элементов. Вы это видите на втором примере.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
joeberetta
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Сработает если задать нижний отступ:
.float-left {
  margin-bottom: 70px /* = 100px - 30px (высота родительского блока - высота блока .float-left) */
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы