如果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；