没有内容和百分比高度的 div 没有出现答案

【问题标题】：div with no content and percentage height is not appering没有内容和百分比高度的 div 没有出现
【发布时间】：2016-07-19 11:49:52
【问题描述】：

我有一个没有内容的 div，一个背景图像，宽度和高度应该是百分比。它不会出现没有内容。

我怎样才能让它出现？

html

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

CSS

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

+ 当我以像素为单位时它可以工作，但我不希望它以像素为单位，我希望它以百分比为单位

【问题讨论】：

当您检查元素时，它是否在源代码中？另外，很好奇，为什么要求高度：100%。
可能是因为周围元素之一具有undefined 高度，因此百分比失败。你能提供一个小提琴吗？
其父 div 必须具有特定的高度宽度才能显示

标签： html height background-image percentage

【解决方案1】：

您可以使用 css min-height 属性设置 div 元素的最小高度。现在父元素没有高度。这就是它不显示的原因

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

https://www.your-plugin.com

【讨论】：

这只是让它 100px 高
嗨，除非您为循环中的任何父项指定特定高度，否则高度百分比将不起作用。因此，请为父元素指定一个高度。html，body { height: 100%; }

【解决方案2】：

给出职位样式类中的属性

Position : absolute;

【讨论】：

然后就可以随意调整高宽百分比了。