Skip to main content

NOTICE: On Friday Nov 6, Workspaces will be temporarily unavailable for maintenance.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

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

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

  • Treehouse Logo
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
    • All Courses
    • Tracks
    • AI Bootcamp
    • College Credit
    • Techdegree Bootcamps
    • Front End Development
    • Full Stack JavaScript
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
    • Explore
    • Career Toolbox
    • Free Treehouse Near Me
    • Affiliates
    • Blog
    • Support
    • About
    • Learn
    • Beginner's Guide to Coding
    • Data Analysis with SQL & Python
    • Front-End Web Development
    • Python Programming Basics
    • Techdegree Bootcamp Overview
    • UX Design Fundamentals
    • AI Tools for Beginners
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks AI Bootcamp College Credit
  • Techdegree Bootcamps Front End Web Development Full Stack JavaScript
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Explore Career Toolbox Free Treehouse Near Me Affiliates Blog Support About
    Learn Beginner's Guide to Coding Data Analysis with SQL & Python Front-End Web Development Python Programming Basics Techdegree Bootcamp Overview UX Design Fundamentals AI Tools for Beginners
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
Loading banner... Start your free trial at Treehouse
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • 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
      • • Vibe Coding
  • ja5on
    ja5on
    10,339 Points

    media queries

    Posted August 29, 2020 9:03pm by ja5on
    ja5on
    10,339 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.

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
SEE ALL

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
SEE ALL

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
SEE ALL

About Us

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

Explore

  • Plans
  • Affiliates
  • Perks
  • Shop
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses

Treehouse is an online technology education platform founded in 2011. Treehouse offers more than 700 self-paced, video-based courses in web development, programming, data analysis, design, and AI, plus two project-based bootcamp programs in Front End Web Development and Full Stack JavaScript. Individual Treehouse plans start at $25 per month and include a 7-day free trial. Treehouse serves individual learners, businesses, schools, and public libraries. Cardholders at participating U.S. public libraries can use Treehouse for free. Select Treehouse courses, offered with University Pathways International, are recommended for college credit by ACE and NCCRS. Treehouse learners earn digital certificates for completed Tracks.

Terms & Conditions · Privacy · © 2026 Treehouse Island, Inc.
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
  • Discord