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

lilugirl

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

2.1K0

很简单只要设置大一点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 删除

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