针对某个DIV的绝对定位,不随浏览器变化
2009-09-27 13:03
253 查看
现在大家做的网页大部分是居中的,如果我需要这个元素跟着网页中的某个元素位置,不论屏幕的分辨率是多少它的位置始终是针对页内的某个元素的,靠单纯的absolute是不行的。
正确的解决方法是:在元素的父级元素定义为position:relative;(这里可以是祖父级,也可以是position:absolute;,多谢谢old9的提出)需要绝对定位的元素设为position:absolute;
这样再设定top,right,bottom,left的值就可以了,这样其定位的参照标准就是父级的左上角padding的左上侧。
正确的解决方法是:在元素的父级元素定义为position:relative;(这里可以是祖父级,也可以是position:absolute;,多谢谢old9的提出)需要绝对定位的元素设为position:absolute;
这样再设定top,right,bottom,left的值就可以了,这样其定位的参照标准就是父级的左上角padding的左上侧。
相关文章推荐
- div位置大小不随浏览器变化而变化
- 记录-div绝对定位针对手机浏览器的区别
- 用JS来控制 div的高度随浏览器变化而变化
- 【CSS】三列布局(左右div固定宽度,中间div随浏览器窗口自适应变化宽度)
- 2个div左右铺满整个浏览器,左边div一直保持100px,右边的div跟随浏览器大小变化
- div绝对定位针对手机浏览器的区别
- ie中div设置底部固定后,不随着浏览器的分辨率变化而出现div位置的变动
- HTML 是浏览器变窄 部分div变化 所用方法
- 上下Div固定,中间div高度自适应(随浏览器高度变化而变化)
- div高度随浏览器变化
- float 浮动 div 不随浏览器分辨率 大小而位置发生变化
- 怎么让DIV的高度为浏览器高度
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 四
- Web_CSS_DIV相对浏览器定位及其关闭;
- js 给div 添加选区,类似windows桌面选区一样,兼容ie6、7、8、9、10、Firefox、Google、所有浏览器
- CSS+DIV固定底部的漂浮导航条(多浏览器兼容)
- echarts使图标能自适应浏览器窗口变化,及经纬度转换
- DIV水平,垂直方向都居中于浏览器
- jquery动态调整div大小使其宽度始终为浏览器宽度
- CSS中让一个div的高度随着另外个一个统计的div的高度变化而变化的代码