css固定定位问题?

作者站长头像
站长
· 阅读数 15

如何将下图中的内容固定在底部, 并保持左右空隙相等?

css固定定位问题?

<!-- 底栏 -->
<view class="footer">
  123
</view>
.footer {
  background-color: var(--blue);
  color: var(--white);
  position: fixed;
  bottom: 75rpx;
  /* 受到定位影响, width, margin, padding 无效 */
  /* width: 100%; */
  /* margin-left: 1rem; */
  /* margin-right: 1rem; */
}
回复
1个回答
avatar
test
2024-07-17
.footer {
  background-color: var(--blue);
  color: var(--white);
  position: fixed;
  bottom: 75rpx;
  width: calc(100vw - 2rem); 
  left: 1rem; 
  right: 1rem; 
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容