码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-11-03 16:25:27      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:strong   技术分享   pos   com   height   jpg   ati   body   back   

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背景图宽高百分比的区别

标签:strong   技术分享   pos   com   height   jpg   ati   body   back   

原文地址:http://www.cnblogs.com/ecmasea/p/6026902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!