当前位置: 主页 > 网页制作 > CSS > body的子元素的定位问题

body的子元素的定位问题

时间:2009-11-24来源:互联网 点击:

今天到蓝色理想做腾讯面试题遇到

如我们所看到的一样,绝对居中实现了!但我要考究的是那个绝对定位的DIV究竟是以哪个元素作为参照物呢?!书上都说了,是以一个被定位的祖先元素为参照物,其position值为relative,absolute,fixed!我们逐个试一下!

十字架贴到正上方去!

哇,好神奇啊,这次是贴到左上角中去!我猜测是body会根据更上级的元素定位,由于我们没有为body设置偏移量(top与left),游览器会使用默认值,如top:0,left:0,可能随游览器的不同而不同的……但如果给的默认值相同的话,那么怎样解释上面body{position:relative}的现象呢?先不管了,看下一例子:

还是贴到左上角去!

既然这样,我们看看body的父元素html

贴到左上角去……

这个和body{position:relative;}一样是正上方,那html{position:absolute}大家应该能猜到吧!

完了吗?!未完,我们还有两个特例没有试!

 

站长资讯网
.
分页: [1] [2]
TAG: BODY 元素
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言