Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
1 / 1 / 0
Регистрация: 18.01.2017
Сообщений: 207

Почему свойство float убирает background?

23.07.2019, 09:28. Показов 609. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
HTML5
1
2
3
4
5
<ol class="app">
  <li><span>доставка от 2 дней</span></li>
  <li><span>скорость производства 600 м2/сутки</span></li>
  <li><span>гарантия от 5 лет</span></li>
</ol>
CSS
1
2
3
4
5
6
7
ol{
    background: #7A7A7A;
}
ol.app li{
    width: 100%;
    float: left;
}
https://jsfiddle.net/m1Lkwzuv/1/

Почему со стилем "float", свойство "background" не работает? если закомментировать "float", то заработает.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.07.2019, 09:28
Ответы с готовыми решениями:

почему сбрасывается background родителя, когда в нем 3 элемента с float:left?
http://jsfiddle.net/7MTZf/ вот собственно, с двумя флоатами работает, с третьим бэкграунд пропадает если невозможно сделать с тремя...

Почему не работает в адаптации под другие разрешения, свойство background: url
Почему обрезает половину, как только размер изменятся до 768 пикселей Я даже картинку уменьшил до ширины 768 пикселей и указал к ней...

Не работает свойство background
Почему фоновый рисунок не устанавливается в нижний правый угол для sidebar? Я же прописываю свойство background: #efe5d0...

1
469 / 334 / 144
Регистрация: 16.02.2018
Сообщений: 930
23.07.2019, 11:10
4234, потому что родитель "схлопывается" и имеет высоту "0", это особенность свойства float.
добавьте для ol клас .clearfix, а в свой CSS скопируйте код ниже:
CSS
1
.clearfix:after{content: ' '; display: block; clear: both;}
Подробнее о методе
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
23.07.2019, 11:10
Помогаю со студенческими работами здесь

Позиционирование блоков float - пропадает background
Ни как не могу исправить одну проблемку. На главной странице все норм, а когда начинаю заполнять все остальное (используя float:left/right)...

Не срабатывает свойство background-image в IE
Всем привет. При верстке не отображается картинка, заданная с помощью свойства background-image. Причем это только в IE, в остальных...

Не работает свойство background в CSS
body { width:100%; height:400px; background:url(img/p1.jpg) no-repeat 50% 50% / cover; } Мучаюсь уже несколько...

Свойство background-color вынести за рамки блока
Есть страница, что называется в &quot;рамке&quot;. Есть необходимость растянуть background-color некоторых блоков, на ширину всего окна. Как это...

Не работает свойство Float
Делаю набросок своего первого сайта , но не могу понять почему не работает обтекание навигации под id=&quot;nav&quot; над элементом под...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru