当div中只有背景图片的时候，不足以撑起它的高度，所以设了也没用
所以，我们要设随div大小而改变的div时
应该
利用：：after或：：before 伪元素，为背景添加一个content为null的元素
如
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">.bg::after{content:"";display: block;padding-bottom: 48%;}</style></head><body><div class="bg" style="background:url(img/bj.jpg) no-repeat ;background-size:100% 100%;"></div></body></html>
html div 的高度
原文地址：https://www.cnblogs.com/woxiang8023ni/p/9040210.html