Нет фона на родительском элементе, содержащем плавающие элементы [дубликаты]

0

Всем добрый день. Я новичок в css, и я пытаюсь поместить два тега div в один тег div, но я получаю следующее

Изображение 174551

Я дал родительскому тегу div светло-серый фон, поэтому я знаю, что что-то не так где-то, когда фон исчез сразу после того, как я поместил теги div.

Вот мой css ниже.

.menu.container {
    width: 100%;
    background-color: #F0F0F0;
}

.category {
    float: left;
}

Большое спасибо за вашу помощь!

Теги:

1 ответ

0
Лучший ответ

при плавающих элементах родительский контейнер не получает информацию о ширине или высоте плавающих элементов.

если вы просто хотите упорядочить спорт и новости в горизонтальном порядке, попробуйте следующее:

.category {
    display:inline-block;
}

"display: inline-block" формирует элемент блока, который находится на одной строке с другим.

  • 0
    Большое спасибо, Мартин!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню