position的absolute和fixed布局top和bottom或者left和right同时存在

Question

position的absolute和fixed布局top和bottom或者left和right同时存在，只有top或者left生效。

现在有这样一个需求，页面做媒体查询，有一个position为fixed的元素，页面设置了top值，元素在页面顶部。然后做媒体查询，小屏幕设置bottom，使元素在页面底部，但是这时top和bottom同时存在，只有top其作用。请问要怎么设置解决这个问题？？？

Answer 1

top: inherit//initial//auto;从意思来看后两者更好一些
bottom: 0;