# 分类描述浮动到右侧

**URL:** <https://meta.discourse.org/t/category-description-floating-to-the-right/393053>\
**Category:** Development\
**Created:** [2026年一月9日 11:22 UTC](https://meta.discourse.org/t/category-description-floating-to-the-right/393053 "2026-01-09T11:22:04Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![pomodoren](https://avatars.discourse-cdn.com/v4/letter/p/8edcca/32.png) [@pomodoren](https://meta.discourse.org/u/pomodoren)\
**Post date:** [2026年一月9日 11:22 UTC](https://meta.discourse.org/t/category-description-floating-to-the-right/393053/1 "2026-01-09T11:22:04Z")

</div>

您好，

对于我们现有的社区，我们正在对登陆页面进行一些更新，并希望实现类似 community-openstreetmap 的效果。

到目前为止，我们通过遵循 [Making custom CSS changes on your site](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101?tl=en) 更改了分类徽标的大小。但在处理 `category-description` 时遇到了困难。

```css

.category-logo.aspect-image {
  --max-height: 70px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 0.5em;
}

.category-logo.aspect-image img {
  display: block;
  width: calc(var(--max-height) * var(--aspect-ratio)) !important;
  max-width: none !important;
  height: auto !important;
  max-height: var(--max-height) !important;
}

.category-description {
margin-top: 0.5em;
overflow: hidden;
color: var(--primary-high);
}

```

  

### 我们想要的效果

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/5/6/c56ee2698669d75d332d86a43260b183bfe4fa9c.png)

### 我们目前的效果

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/2/8/92888931f0658ab994d70924576eec23d9768740.png)

---

_[View the full topic](https://meta.discourse.org/t/category-description-floating-to-the-right/393053)._