固定位置不起作用？我究竟做错了什么？答案

【问题标题】：position fixed is not working ? What am I doing wrong?固定位置不起作用？我究竟做错了什么？
【发布时间】：2019-05-05 03:20:33
【问题描述】：

#logo {
  position: fixed;
  top: 85%;
  left: 40%;
  height: 104px;
  width: 90px;
  border: solid 3px black;
  border-left: 0px;
  opacity: 1;
  transform: scale(.9) translate(-50%, -50%);
  padding: 2px;
  transition: all 1s ease;
  box-sizing: border-box;
}

#logo::before {
  z-index: 100;
  content: "Brand";
  line-height: 91px;
  font-size: .9rem;
  text-align: center;
  color: white;
  position: fixed;
  height: 91px;
  width: 91px;
  left: -8px;
  top: 4px;
  background: black;
}
/*for demo only*/body {height:400px;}

&lt;div id="logo"&gt;&lt;/div&gt;

div#logo 不固定在滚动...为什么？我已经在移动设备上编写了这段代码，还没有在桌面上尝试过。所以我不确定这是否是移动唯一的问题。我可能在这里做了一些傻事

【问题讨论】：

也许有什么东西覆盖了你的 CSS？它似乎工作正常。
你说得对，这是我忘记删除的首要规则。谢谢..你现在可以投反对票
很高兴它成功了。 :) 如果您愿意，请随时删除问题。这比被否决要好。

标签： html css layout

【解决方案1】：

当我运行这段代码时，一切似乎都运行良好。

您可以尝试将!important 添加到徽标的位置，看看它是否有效（position: fixed !important;）。如果 CSS 被另一行代码覆盖，这可能会起作用。

如果这不起作用，您需要向我们提供有关您正在使用的浏览器的更多信息，并使用其余代码更新问题。谢谢！

【讨论】：

【解决方案2】：

我也检查了它，它工作正常。您能否发布整个 css 和 html 以便我们更好地查看它？干杯

【讨论】：

谢谢，但我已经删除了这个错误 .. 这是一个压倒一切的规则