Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Angel Vicioso
Angel Vicioso
895 Points

in the definition of float what is meant by it "Allows an element to be taken out of the normal flow" ?

i 'am having issues understanding what exactly a Float does

jamesscott
jamesscott
4,432 Points

You might find this to be helpful!

https://css-tricks.com/all-about-floats/

Hope it helps! -jS

1 Answer

Robert Manolis
STAFF
Robert Manolis
Treehouse Guest Teacher
Robert Manolis
Robert Manolis
Treehouse Guest Teacher

Elements with a display of block will naturally stack on top of one another, from top of the page to the bottom. The float property pulls an element out of that natural stacking. Apply a left or right float to an element and it will re-position to that side of the page. But the float property also effects the immediately succeeding element. Instead of just stacking below on the page, it will wrap around the floated element unless you use the clear property on that element that follows the floated element. It works well with responsive design and for making text wrap neatly around an image or something.

Hope that helps. :)