有关DW绝对定位的一些看法
2010-07-28 15:28
746 查看
今天上课的时候讲到AP层,书里的一些实例是用这种绝对定位层来做的,我说这种层实际使用中用得不多,因为它有很多定位方面的问题,如果浏览器的分辨率变化了,网页就有可能会出问题,于是便寄扯出定位方面的一些问题。
在谈到绝对定位时,有一个非常重要的概念,这就是包含块:与绝对定位盒模型的位置和大小相关的块状盒模型。如果没有嵌套的关系,那层的定位就是以浏览器左上角为参考点的,即使分辨率变化,它的参考点也不会变,这就是AP层做网页时出现的最大的问题,所双一般情况下不用AP层,除非你有特别需要。relative
但是当层的嵌套关系的时候情况就完全不一样了,如果父一级的元素有定位属性(abusolute/relative),那么子一级的层的定位就以父一级的层的定位属性做为参考了。意思是,如果父一级的层的定位属性是ABSOLUTE,那么子层会再以父一级层的父级定位做为参考,一直到浏览器边界为止,如果这个过程中没有层的定位属性是relative,那这么子层的定位就是按屏幕来定位,但是如果父层当中任何一层的定位属性是relative,那这个子层就按拥有relative属性的层的位置来定位,这样考虑就是这么几个方式:
1.看看这个绝对定位元素的父元素——它的position属性值是relative, absolute
2.如果是,那它就是你要找的包含区块。
3.若不是,再查看该父元素的父元素,重复第一步的操作,直到你找到了该元素的包含区块,或者遍历完所有"祖先"元素。
4.如果你已经上溯到html元素,还是没有找到任何已定位的祖先元素,那么该元素的包含区块就是html元素。
所以,如果在做嵌套层的时候,我们经常为外围的层设置relative,然后将嵌套的层设置为absolute,这样,不管浏览器怎么变化,层的相对位置就不会发生变化。当你用到绝对定位的时候,最要紧的就是要弄清楚你的包含区块是哪个。所以将你的包含区块设置为position:relative非常管用,它能让你的层不会“随分辨率漂移".
在谈到绝对定位时,有一个非常重要的概念,这就是包含块:与绝对定位盒模型的位置和大小相关的块状盒模型。如果没有嵌套的关系,那层的定位就是以浏览器左上角为参考点的,即使分辨率变化,它的参考点也不会变,这就是AP层做网页时出现的最大的问题,所双一般情况下不用AP层,除非你有特别需要。relative
但是当层的嵌套关系的时候情况就完全不一样了,如果父一级的元素有定位属性(abusolute/relative),那么子一级的层的定位就以父一级的层的定位属性做为参考了。意思是,如果父一级的层的定位属性是ABSOLUTE,那么子层会再以父一级层的父级定位做为参考,一直到浏览器边界为止,如果这个过程中没有层的定位属性是relative,那这么子层的定位就是按屏幕来定位,但是如果父层当中任何一层的定位属性是relative,那这个子层就按拥有relative属性的层的位置来定位,这样考虑就是这么几个方式:
1.看看这个绝对定位元素的父元素——它的position属性值是relative, absolute
2.如果是,那它就是你要找的包含区块。
3.若不是,再查看该父元素的父元素,重复第一步的操作,直到你找到了该元素的包含区块,或者遍历完所有"祖先"元素。
4.如果你已经上溯到html元素,还是没有找到任何已定位的祖先元素,那么该元素的包含区块就是html元素。
所以,如果在做嵌套层的时候,我们经常为外围的层设置relative,然后将嵌套的层设置为absolute,这样,不管浏览器怎么变化,层的相对位置就不会发生变化。当你用到绝对定位的时候,最要紧的就是要弄清楚你的包含区块是哪个。所以将你的包含区块设置为position:relative非常管用,它能让你的层不会“随分辨率漂移".
相关文章推荐
- 献给毕业生,有关半导体行业的一些个人看法
- 有关计算机科学和软件工程的一些看法
- 一些有关Android图片的操作,判断方向,旋转,根据uri获取绝对路径,缩放与移动
- 有关左值和右值,我的一些看法,可能不对,希望大神们指正!
- 有关BGP协议的13条选路规则,一些总结和看法 [收藏]
- 绝对定位时关于bottom的参照点的一些问题
- 关于绝对定位一些讨论
- 绝对定位时关于bottom的参照点的一些问题
- 有关导航GPS定位精度的一些猜想
- 有关今后生活的一些计划
- 绝对定位和相对定位
- 绝对定位的DIV绝对居中显示
- 关于Java property 文件,我的一些看法(1)
- 遇到的一些有关IT的缩写
- CSS的相对定位与绝对定位
- [简历] 一些找工作中对简历的写法的看法 20160121
- 有关webservice的一些初步了解
- 裸奔着造房子——对政府禁止采购Win8系统的一些看法
- 有关绩效考核系统的一些想法
- HTML下使元素在父元素内绝对定位