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

🤑 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

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

  • 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
    • Showing results for:
    • CSS
    • CSS Layout Basics
    • Page Layout with the Float Property
    • Clearing and Containing Floats
    • Close
  • ja5on
    ja5on
    10,338 Points

    media queries

    Posted on Aug 29, 2020 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 on Jan 27, 2020 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 on Sep 26, 2019 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 on May 29, 2019 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 on Jul 24, 2018 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 on Mar 22, 2018 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 on Jan 31, 2018 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 on Jan 15, 2018 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 on Sep 3, 2017 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 on Jun 28, 2017 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 on May 15, 2017 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 on May 4, 2017 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 on Dec 5, 2015 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.