关于position的定位的相关问题

１.一个按钮，移上去显示另一个选择框，效果图如下：

第一次的实现方式，是让按钮固定了宽度，让另一个选择框的定位方式是position:absolute;　正因为固定了宽度，所以就出现了下图的效果：

第二次修改，删除了宽度，把另一个选择框的right:-145px ;改为了left:calc(100% + 10px);
修改的css如下：

最终得到了想要的效果．

２.position的兼容性问题

原因：盒子模型的不同，导致出现以下的结果；
浏览器：　chrome, firefox

这是chrome的效果：

这是firefox的效果：

处理方法：将left改为了margin-left.