# "clearfix" for User Summary "top-section"

**URL:** https://meta.discourse.org/t/clearfix-for-user-summary-top-section/41957
**Category:** UX
**Created:** [2016年四月3日 05:52 UTC](https://meta.discourse.org/t/clearfix-for-user-summary-top-section/41957 "2016-04-03T05:52:15Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [2016年四月3日 05:52 UTC](https://meta.discourse.org/t/clearfix-for-user-summary-top-section/41957/1 "2016-04-03T05:52:15Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/c/a/cae2f7679d03ae50aa46d67144ef26b8614688ce.png)

Personally I’ve added the following to custom CSS to allow me to style it correctly:

```SCSS
@import "common/foundation/mixins";
.container .user-table .top-section {
    @include clearfix();
}

```

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2016年四月3日 05:57 UTC](https://meta.discourse.org/t/clearfix-for-user-summary-top-section/41957/2 "2016-04-03T05:57:11Z")

</div>

Wait what is the bug here?

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [2016年四月3日 06:00 UTC](https://meta.discourse.org/t/clearfix-for-user-summary-top-section/41957/3 "2016-04-03T06:00:08Z")

</div>

The top-section div height should extend to the bottom of the two lists (top replies and top topics), i.e. the height of its content.

Not doing so:

- can cause weird browser content placement depending on browser, version etc.
- which is not worth the time in testing - easier just to put the clearfix in.
- makes it difficult to style (i.e. add a background colour behind that section)

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [2016年四月4日 09:18 UTC](https://meta.discourse.org/t/clearfix-for-user-summary-top-section/41957/4 "2016-04-04T09:18:54Z")

</div>

I agree, just pushed the fix 👍

[https://github.com/discourse/discourse/commit/d3ee48a316f4db4ea33f99f05966b56f0fc41586](https://github.com/discourse/discourse/commit/d3ee48a316f4db4ea33f99f05966b56f0fc41586)

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [2016年四月4日 09:18 UTC](https://meta.discourse.org/t/clearfix-for-user-summary-top-section/41957/5 "2016-04-04T09:18:56Z")

</div>