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

问题描述

问 题

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

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

解决方案

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

这篇关于css - position的absolute和fixed布局top和bottom或者left和right同时存在的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！