body和普通div背景图宽高百分比的区别

body和普通div背景图的区别

 

 background: url(//m.360buyimg.com/mobilecms/s220x220_jfs/t2746/167/831241799/299152/1731092b/5728423cNa16c83cb.jpg!q70.jpg);
    background-size: 100% 100%;
    position: absolute;
    height: 100px;
    width: 100%; 

 

 

 你给body这个设置，和给一般的div这样设置，都把他们的父级设为relative，没有高度

会发现区别：

这样的设置div，可以出现背景图；而body这样设置 的没有

 

结论：

当你设置body为absolute或者fixed,relative时，他的背景的宽高百分比其实取的是相对于body的父级，也就是html