如果div里没有内容,又设置的百分比宽高 怎么才能让div显示?

Question

RT,想用一张人物图片做背景,相让它随着浏览器的大小而变化,就写了div放着,

.character-left{
    width: 350px;
    float: left;
    height: 175px;
    background: url(images/transfer-left-character.png) no-repeat ;
    background-size: cover;
}

<div class="character-left"></div>

但是给百分比并不显示, 怎么解决?

Answer 1

让它的父元素有宽高，百分比才会生效

Answer 2

图片用background作为div的背景图必须给div确定的宽高才能显示，如果你想要用图片随浏览器的大小变化你就把图片标签放在div中，这样图片就会随浏览器的大小变化而变化相关代码如下<div class="img_bg">     <img src="images/logo.png" /> </div>css代码.img_bg>img{     height: 30%;     width: 30%;     border: 0;     opacity: 0.7; }望采纳

Answer 3

添加 一个 display：table-cell；