div без содержания и процентной высоты не соответствует

У меня есть div без содержимого, фоновое изображение и ширина и высота должны быть процентами. Он не отображается без содержимого.div без содержания и процентной высоты не соответствует

Как я могу заставить это отображаться?

HTML

<div id="adelediv"> 
</div>

CSS

#adelediv { 
    float: left; 
    height: 100%; 
    width: 100%; 
    background-image: url(hello.gif); 
    background-size: cover; 
}

+, когда я положил его в пикселях это работает, но я не хочу в пикселях я хочу его в процентах

источник

2016-03-31 Lachlan Jones

When вы проверяете элементы в источнике? Также любопытно, почему требование высоты: 100%. –

Возможно, это связано с тем, что один из окружающих элементов имеет 'undefined' height и, следовательно, процент не выполняется. Можете ли вы предоставить скрипку? –

Его родительский div должен иметь определенную ширину высоты для отображения – LoopCoder

Вы можете использовать CSS мин-высоту свойство установить мин высоту сНа element.Right Теперь родительский элемент height.That не поэтому его не показывая

 html, body 
    { 
    height: 100%; 
    } 
    #adelediv { 
      float: left; 
      height:100%; 
      width: 100%; 
      background-image: url(hello.gif); 
      background-size: cover; 
     }

https://www.your-plugin.com

источник

2016-03-31 07:30:20 James

Это просто делает его 100px высоким –

привет, процент в высоте не будет работать, если вы не укажете определенную высоту для любого родителя в цикле. Поэтому дайте высоту родительскому элементу.html, body { height: 100%; } – James

Укажите атрибут Position в классе стиля

Position : absolute;

источник

2016-03-31 07:23:06

теперь он охватывает каждую вещь на странице –

Затем вы можете отрегулировать процент по высоте и ширине, как вы хотите. –

div без содержания и процентной высоты не соответствует

ответ

Смежные вопросы