Почему не срабатывает float?

Question

Yevhenii K @AFI19

HTML
CSS

Почему не срабатывает float?

Почему в данном примере у b-navbar__search (Красный блок с текстом "Icon")не работает float?
Пример

Вопрос задан более трёх лет назад
85 просмотров

Комментировать

Подписаться 1 Средний Комментировать

Решения вопроса 1

4 комментария

Yevhenii K @AFI19 Автор вопроса

Обтекают только те елементы которые находяться после float?

Написано более трёх лет назад
Антон Спирин @rockon404

Женя К, именно. Но если у них установлено соответствующее значение clear или они позиционируются вне лайаута(absolute, fixed) то обтекать плавающий элемент они не будут.

Написано более трёх лет назад
Yevhenii K @AFI19 Автор вопроса

Антон Спирин, Спасибо, теперь разобрался. А то уже забыл как работать с float.

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

Женя К, float:left — плавать слева, остальные блоки соответственно обтекают справа.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

HTML

Простой
С чем может быть связано не правильный вывод изображений?
- 1 подписчик
- 8 минут назад
- 5 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- 3 часа назад
- 80 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- 4 часа назад
- 35 просмотров
1

ответ
HTML

+1 ещё

Простой
Как Выделить слово приходящая из базы определенным цветом?
- 1 подписчик
- 4 часа назад
- 111 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- 8 часов назад
- 96 просмотров
2

ответа
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- вчера
- 51 просмотр
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- вчера
- 58 просмотров
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 49 просмотров
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поместить картинку рядом с текстом?
- 1 подписчик
- вчера
- 85 просмотров
2

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Написать посты на игровую тематику (PlayStation) Telegram, VK

25 апр. 2024, в 16:21

15000 руб./за проект

DevOps настройка Gitlab CICD для проекта c CF Worker

25 апр. 2024, в 16:12

2000 руб./за проект

DevOps

25 апр. 2024, в 16:08

130000 руб./за проект

Answer 1 · 2018-02-23 18:35:38

Если вы хотите, чтобы его обтекал текст, то поменяйте местами элементы b-navbar__nav-cell и b-navbar__search местами. Так как плавающие элементы обтекают элементы расположенные ниже.

Почему не срабатывает float?

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

Минуточку внимания

Войдите на сайт