# 欢迎链接横幅外边距过多

**URL:** https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604
**Category:** UX
**Tags:** completed, welcome-link-banner
**Created:** [2022年十月24日 18:42 UTC](https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604 "2022-10-24T18:42:54Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2022年十二月21日 17:33 UTC](https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604/2 "2022-12-21T17:33:09Z")

</div>

`.above-main-container-outlet.welcome-link-banner-connectors` 有一个 `margin-bottom: 1em`，我不明白它的用途。

此外，无论是否显示欢迎横幅，它都会增加一个空白区域。如果不显示，则不应存在此边距。

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/c/f/7cf47431e70d45d7cc8dcfda1adae6c0934adb86.png)

它还会弄乱下方其他主题组件的布局，例如来自 [Christmas Decoration Component 🎄](https://meta.discourse.org/t/christmas-decoration-component/173949?u=canapin) 的灯绳。

示例：

这里有两种解决方案：

要么从欢迎横幅组件中删除 `margin-bottom`（如果它没有用途），要么在不满足显示要求时为欢迎横幅添加 `display: none;`。

---

_[View the full topic](https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604)._