# Horizon 上“新话题”按钮的位置
**URL:** https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535
**Category:** Support
**Tags:** css, horizon-theme
**Created:** [2026 年8 月 20 日 15:06 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535 "2026-08-20T15:06:16Z")
**Posts on this page:** 9
**Page:** 1
### 作者：  [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### 发布日期： [2026 年8 月 20 日 15:06 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/1 "2026-08-20T15:06:16Z")
继续讨论 [Create a new topic button disappeared](https://meta.discourse.org/t/create-a-new-topic-button-disappeared/384504/2)：
> [@chapoi](#):
>
> 这是预期行为：Horizon 是一个有特定设计理念的主题，我们将创建主题按钮从其原始位置（根据您的设置，该位置可能会变得相当杂乱）移动到了侧边栏顶部的一个新位置：
我想知道是否可以将此按钮改为浮动样式，并移动到底部右侧？我尝试用我有限的 CSS 技能来实现，但没能成功；我怀疑是 Horizon 中的 HTML 限制了这一点。
感谢任何建议或指南，让我能实现这个效果 🙂
---
### 作者：  [@chapoi](https://meta.discourse.org/u/chapoi)
#### 发布日期： [2026 年8 月 20 日 15:14 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/2 "2026-08-20T15:14:47Z")
你是指这样吗？
我觉得像这样应该就可以：
```plaintext
.sidebar-new-topic-button__wrapper {
position: fixed;
bottom: 2rem;
right: 2rem;
margin: 0;
}
```
但它不会“感知”页面上的其他元素，所以会遮挡其他内容。
---
### 作者：  [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### 发布日期： [2026 年8 月 20 日 15:20 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/3 "2026-08-20T15:20:52Z")
谢谢！我确实尝试过这样做，但它会被很多其他元素遮挡，而且那个棘手的 `z-index: 999` 在那里也不起作用。我理解这是因为主题中的祖先元素导致的。
它会被主题卡片、右侧边栏元素等等遮挡。
---
### 作者：  [@chapoi](https://meta.discourse.org/u/chapoi)
#### 发布日期： [2026 年8 月 20 日 15:21 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/4 "2026-08-20T15:21:53Z")
嗯，你说得对。这确实有点奇怪。我去看看为什么会这样。
---
### 作者：  [@chapoi](https://meta.discourse.org/u/chapoi)
#### 发布日期： [2026 年8 月 20 日 15:26 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/5 "2026-08-20T15:26:58Z")
啊，原来是它的 DOM 父元素设置了 `position:sticky`……好吧，这就是原因，但不确定有没有 CSS 解决方案 😅
---
### 作者：  [@chapoi](https://meta.discourse.org/u/chapoi)
#### 发布日期： [2026 年8 月 20 日 15:31 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/6 "2026-08-20T15:31:58Z")
不过，给 `sidebar-wrapper` 设置 `z-index:1` 确实能修复层叠上下文（也让按钮表现符合预期）。我觉得这应该没有其他副作用，但 z-index 这东西，谁也说不准。
---
### 作者：  [@Karthik\_K1](https://meta.discourse.org/u/Karthik_K1)
#### 发布日期： [2026 年8 月 20 日 16:46 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/7 "2026-08-20T16:46:13Z")
如何让尚未登录的用户看到该按钮？@chapoi
---
### 作者：  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### 发布日期： [2026 年8 月 21 日 00:04 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/8 "2026-08-21T00:04:17Z")
你好，请为此在 #Development 频道开启一个新话题，并尽量不要 @ 工作人员，谢谢。
---
### 作者：  [@system](https://meta.discourse.org/u/system)
#### 发布日期： [2026 年9 月 20 日 00:04 UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535/9 "2026-09-20T00:04:23Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.