关于position的定位的相关问题
来源:互联网 发布:轰趴馆 知乎 编辑:程序博客网 时间:2024/05/22 06:58
1.一个按钮,移上去显示另一个选择框,效果图如下:
第一次的实现方式,是让按钮固定了宽度,让另一个选择框的定位方式是position:absolute; 正因为固定了宽度,所以就出现了下图的效果:
第二次修改,删除了宽度,把另一个选择框的right:-145px ;改为了left:calc(100% + 10px);
修改的css如下:
最终得到了想要的效果.
2.position的兼容性问题
原因:盒子模型的不同,导致出现以下的结果;
浏览器: chrome, firefox
这是chrome的效果:
这是firefox的效果:
处理方法:将left改为了margin-left.
0 0
- 关于position的定位的相关问题
- position 绝对定位的问题
- position 绝对定位的问题
- position定位的基准问题
- 关于ie 对position定位后的z-index问题
- position相关问题的思考
- 关于背景图片的定位(background-position)
- css中定位的问题(position)
- 解决position:fixed 定位抖动的问题
- position 定位相互覆盖的问题
- CSS中关于定位position的问题,blockquote,div,span三个的区别
- html5-css:关于float,position的定位问题,文档流的解析
- 关于利用position定位在页面正中心的问题(还有一个z-index的知识点)
- css的position定位
- 定位position的详解
- CSS的position定位
- css的定位position
- position定位的解说
- Matlab 图像处理基本操作
- RxJava Join函数的理解
- Vue.js 学习(一)
- Tomcat 的配置及myeclipse中的配置
- Android开发指南:获取用户位置
- 关于position的定位的相关问题
- linux mysql 操作命令
- 第十六周项目项目3-归并排序算法的改进
- 第十六周项目1-验证算法-冒泡排序
- 高效能远程会话管理工具-screen
- 第十六周项目4-英文单词的基数排序
- com.android.sdklib.repository.FullRevision
- HTTP协议2-HTTP消息结构
- unix查看文件内容命令