底部固定宽度鼠标拉到最后宽度变小怎么解决

lilugirl

发布于 2019-05-26 21:12:01

1.5K0

发布于 2019-05-26 21:12:01

文章被收录于专栏：前端导学

很简单只要设置大一点z-index值即可

.fixbottom{
  display:block;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:70px;
  background-color:#cccccc;
  z-index:1000;
}

后来网页改版，改变了dom结构，发现fixbottom不再浮动，解决方法是改变fixbottom的dom层级让他与main层平行

原因是position:fixed是相对于父节点的

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

底部固定宽度 鼠标拉到最后宽度变小怎么解决