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

absolute到底相对哪里进行定位的

时间:2014-08-08 12:54:18      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:blog   http   os   io   strong   2014   ar   div   

图片宽高100%不出现纵向滚动条


bubuko.com,布布扣


这种情况下图片超出了body的高度,出现了纵向滚动条,而且样式名为bottom的div只是定位在第一屏的最下面,而不是定位在图片的最下面,拉动滚动条就是这样的效果?


bubuko.com,布布扣


如果想让图片100%占满一屏(你不能让下面那棵树消失哦)不出现滚动条你可能会有很多方法,我这里是这样做的

img{ position:absolute; }

我们再来看下效果


bubuko.com,布布扣


现在我们达到目的了,但是为什么会这样?

body内图片宽高100%的时候会根据自身比例进行缩放,所以高度就超出了body,就出现了纵向滚动条,给图片设置absolute的目的就是让其相对于window进行定位,这样就可以了。


也就是说一个html文档中如果没有relative,那么absolute元素是相对于window进行定位的,window我的理解就是第一屏。不然为什么绝对定位之后图片乖乖的占满第一屏呢?求讨论求指教!

absolute到底相对哪里进行定位的,布布扣,bubuko.com

absolute到底相对哪里进行定位的

标签:blog   http   os   io   strong   2014   ar   div   

原文地址:http://blog.csdn.net/zchcode/article/details/38434853

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