Try Mentor AI — Free Pilot! Get instant, personalized help while you learn. Be among the first to explore it and shape what comes next. JOIN NOW

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
  • ja5on
    ja5on
    10,338 Points

    media queries

    Posted August 29, 2020 9:03pm by ja5on
    ja5on
    10,338 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    2 Answers

  • Steve Seebart
    PLUS
    Steve Seebart
    Courses Plus Student 11,897 Points

    Differences between block and table in the clearfix solution?

    Posted January 27, 2020 4:54pm by Steve Seebart
    Steve Seebart
    Courses Plus Student 11,897 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    1 Answer

  • Alejandro Udinov
    Alejandro Udinov
    727 Points

    How is header an parent element of floated .name & .main-nav elements ?

    Posted September 26, 2019 12:58pm by Alejandro Udinov
    Alejandro Udinov
    727 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    1 Answer

  • Siddharth Pande
    Siddharth Pande
    9,046 Points

    using floats and clearfix

    Posted May 29, 2019 12:00pm by Siddharth Pande
    Siddharth Pande
    9,046 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    2 Answers

  • Utkarsh kapil
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Utkarsh kapil
    Front End Web Development Techdegree Student 2,365 Points

    why overflow: hidden cleared float in this?

    Posted July 24, 2018 12:14pm by Utkarsh kapil
    .a{fill-rule:evenodd;}techdegree
    Utkarsh kapil
    Front End Web Development Techdegree Student 2,365 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    1 Answer

  • babasariffodeen
    babasariffodeen
    6,475 Points

    What if I used display: block for the clearfix?

    Posted March 22, 2018 4:38pm by babasariffodeen
    babasariffodeen
    6,475 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    1 Answer

  • Borislav Gerov
    Borislav Gerov
    3,625 Points

    Clear fix is not working

    Posted January 31, 2018 8:22pm by Borislav Gerov
    Borislav Gerov
    3,625 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    4 Answers

  • Zoe Campbell
    Zoe Campbell
    6,288 Points

    Why does clearfix only work on my browser is if put it at the top of the media query and not the bottom?

    Posted January 15, 2018 5:31pm by Zoe Campbell
    Zoe Campbell
    6,288 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    3 Answers

  • Dávid Molnár
    Dávid Molnár
    27,081 Points

    Is it better using inline-block in a header than float to arrange nav elements?

    Posted September 3, 2017 9:51pm by Dávid Molnár
    Dávid Molnár
    27,081 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    3 Answers

  • William Keely
    William Keely
    7,295 Points

    Overflow part was very unclear.

    Posted June 28, 2017 7:55pm by William Keely
    William Keely
    7,295 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    1 Answer

  • Karl Jones
    Karl Jones
    8,761 Points

    What about using main-header {min-height: 110px}?

    Posted May 15, 2017 6:38am by Karl Jones
    Karl Jones
    8,761 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    0 Answers

  • Roland Barzegar
    Roland Barzegar
    11,122 Points

    How do I vertically align the floated elements (nav bar and logo)?

    Posted May 4, 2017 9:47am by Roland Barzegar
    Roland Barzegar
    11,122 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    2 Answers

  • razmig pulurian
    PLUS
    razmig pulurian
    Courses Plus Student 23,889 Points

    Why is "display: table" necessary for clearfix?

    Posted December 5, 2015 10:02am by razmig pulurian
    razmig pulurian
    Courses Plus Student 23,889 Points
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats

    5 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.