1.一个按钮,移上去显示另一个选择框,效果图如下:
第一次的实现方式,是让按钮固定了宽度,让另一个选择框的定位方式是position:absolute; 正因为固定了宽度,所以就出现了下图的效果:
第二次修改,删除了宽度,把另一个选择框的right:-145px ;改为了left:calc(100% + 10px);
修改的css如下:
最终得到了想要的效果.
2.position的兼容性问题
原因:盒子模型的不同,导致出现以下的结果;
浏览器: chrome, firefox
这是chrome的效果:
这是firefox的效果:
处理方法:将left改为了margin-left.