Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Разработка сайтов под ключ. Работаем с такими системами, как Worpress, 1C-Bitrix, Tilda. Закажите разработку в Lion Digital и получите по настоящему продающий сайт.

от 32900 

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 25000 

Clearfix css что это

Clearfix CSS — это класс CSS, используемый для решения проблемы с расположением элементов, которые используют свойство float, внутри другого элемента. Когда элементы размещаются с помощью свойства float, они выходят из потока документа, что может привести к тому, что родительский элемент становится слишком маленьким, чтобы содержать своих детей.

Clearfix CSS используется как решение этой проблемы и позволяет элементу вернуться в поток HTML, даже если он содержит другие элементы, установленные с помощью свойства float.

Например, если у вас есть родительский элемент, который содержит три элемента, установленных в стиле float: left;, но родительский элемент не растягивается до нужной высоты, вы можете добавить класс clearfix для родительского элемента:

<div class="parent clearfix">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

Таким образом, когда clearfix добавляется к классу родительского элемента, его содержимое становится частью потока документа, а родительский элемент растягивается до нужной высоты. С помощью CSS вы можете определить, что должен происходить после последнего дочернего элемента, используя псевдоэлемент ::after и задавая свойство clear: both;, которое заявляет, что элемент должен быть очищен от обоих сторон, если вы хотите чтобы ребенок продолжал использовать float.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.