Не удается настроить таргетинг на DIVs на странице

#html #css

#HTML #css

Вопрос:

У меня возникли проблемы с таргетингом на DIVS на этой тестовой странице, которую я создал на http://flexibletheme.tumblr.com /

В частности, у меня есть div с идентификатором столбцов (div#columns), я не могу изменить цвет фона.

Есть идеи о том, как заставить фон отображаться в div #columns?

Ответ №1:

Добавить overflow: hidden #columns , чтобы очистить значения с плавающей точкой.

Другим распространенным способом очистки плавающих значений является класс clearfix .

Выберите один из двух методов, но в целом overflow: hidden проще, если он работает для вас.

1. Спасибо, это сработало. Как вы узнали, что поплавки вызывают проблему?

2. Я видел проблему миллион раз раньше — я уже догадался, что это было так, как только я увидел «Я не могу изменить цвет фона» вместе с именем «столбцы». Чтобы проверить, я использовал инструменты разработчика Google Chrome, проверил ваш #columns элемент и увидел, что он имеет высоту 0px .

3. Спасибо за объяснение, я не заметил, что DIVs имеют 0 пикселей, когда они обтекают содержимое?

4. Обычно у них нет height of 0px . Проверьте это: jsfiddle.net/thirtydot/n645G

Ответ №2:

В исходном коде на вашей странице вам не хватает двойных кавычек:

 <div id=columns">

Попробуйте изменить его на:

 <div id="columns">