CODEWITHSUNDEEP
htmlcss
user1133297
user1133297

Reputation:

Clearfix isn't working (or it's my fault). Elements on bottom overflow the container

I have this site and as you can see at the bottom the letters and the hr line overflowing the container. I tried to apply a clearfix but it's not working. I've added an overflow: hidden on container class but as I know this is not the best way to achieve that. One "dirty" solution is to add to the last element of the page margin-bottom but i want a more cleaner way. What I've done wrong?

Upvotes: 0

Views: 38

Answers (1)

Shomz
Shomz

Reputation: 37701

Seems like .wrap's top: 19px is causing it. Switching that to margin-top: 19px (or even dropping it) fixes it. Just check if you need to modify some other rules to get your original design back (check the very top part of the page).

To keep the original look, use padding-top: 19px instead of it.

Upvotes: 1

Related Questions