首页 > 代码库 > body和普通div背景图宽高百分比的区别

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时,他的背景的宽高百分比其实取的是相对于body的父级,也就是html

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