admin管理员组

文章数量:1611397

问题

我想让header元素固定在页面顶部，所以加了position:fixed;，并且设置了top:0;,但是实际情况是添加完position:fixed;后，整个header就不显示了

//  用于搭建项目的框架结构
<template>
  <div>
    <header></header>
  </div>
</template>

<style scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  line-height: 60px;
  height: 60px;
}
</style>

解决

经过多方查找测试，最后发现没有给元素设置宽度，只要给元素添加width:100%就能正常显示啦

本文标签： 不见了元素Positionfixed

版权声明：本文标题：添加`position:fixed；`后元素不见了 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728604442a1165272.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。