fixed不以body定位,相对于父级容器定位问题
来源:互联网 发布:在淘宝上买进口轮毂 编辑:程序博客网 时间:2024/06/16 00:01
fixed不以body定位,相对于父级容器定位问题
经常在做一个页面的时候,希望一个元素不希望随着滚动条的滚动而动,这个时候就要用到fixed了
但是又不希望它根据整个窗口的左右两边定位(因为如果分辨率变小了,它与中间页面的距离就会变了)
希望达到的效果如下图所示
解决方法:只需要使用margin定位就可以了
如图,最先开始使用left,right进行定位
两个按钮是写在中间内部页面里面的
效果在不同分辨率下,与中间页面显示距离有差别
1920px分辨率下:
1366px分辨率下:
采用margin定位后,就会根据父级元素定位 (例子中的div .caseDetail类 ):
效果如下,无论何分辨率都以中间为定位,效果达成:
0 0
- fixed不以body定位,相对于父级容器定位问题
- fixed定位问题
- position:fixed ,锚点定位不准确的问题
- div 相对于浮动层定位,不占位
- 相对于父元素的绝对定位
- css中子元素相对于父元素定位
- 关于DIV相对于父DIV绝对定位
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- IE6 position:fixed 固定定位问题
- relative,absolute,static,fixed定位问题
- 解决position:fixed 定位抖动的问题
- relative,absolute,static,fixed定位问题
- 网页开发一个div相对于另外一个div的精确定位的问题(以象棋的布局为例)
- 解决IE6浏览器下position:fixed固定定位不抖动的问题
- 解决 IE6 position:fixed 固定定位问题(div固定,不随着滚动条滚动)
- jmeter连接Oracle数据库
- Android Studio读取assets目录json文件乱码问题
- 如何进行机器学习
- 当ibatis 包含大于小于号的sql语句
- git操作命令
- fixed不以body定位,相对于父级容器定位问题
- My first code
- RocketMq命令详解
- 微信开发jquery WeUi框架
- selenium IDE窗口介绍
- python+robotframework登录密码暗文显示问题之解
- es6 函数的name属性
- javascript-switch语句
- 【BFS】BFS模板(#include<queue>)