Почему ширина div в процентах не работает?

Question

[Максим Шадрин]

Вот сайт
Внутри я создал такую разметку:

<div id="home">
  <div class="partner-logos"></div>
</div>

Я хочу задать классу partner-logos ширину в 25%, пишу такой css:

.partner-logos {
    width: 25%;
}

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

Что я делаю не так?

Answer 1

[Сергей delphinpro]

у блока #home - display:table;
у блока .home-text-wrapper - display:table-cell;width:100%;
Ячейка занимает всё пространство своей таблицы.
.home-text-wrapper и .partner-logos находятся в одном потоке, и т. к. первый занимает всю ширину, второму остаётся нулевой промежуток. 25% от нуля, как вы понимаете - ноль.

Comments

[Максим Шадрин]

спасибо, дело было как раз в этом, стоило лишь прописать для #home display: block, и все встало на свои места

Answer 2

[Александр Пупкин]

А высоту кто будет добавлять?

Answer 3

[Михаил Шведков]

Ширина 72px у вас соответствует 25% от родительского блока, судя по всему. Что не нравится в такой работе? Высота - да, 0, но вдруг так и надо?

Comments

[Александр Пупкин]

а это что за колдовство? joxi.ru/Vm6QoV8Cxkdwxr

[Михаил Шведков]

Александр Пупкин:
очень.маленькая.картинка.
Зачем и прочие вопросы такого плана - 42. Тем более, не имея представления об области применения)
css:
img{
height:0;width:0}
Так и будет.