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 CSS Basics (2014) Basic Layout Floats

In 1st float video, the image columns collapse, however if you only set float: right to .resort, it will appear fine????

1 ) In the video, when the instructor perform the following task:

.tip { float: right; }

.resort { float: left }

the layout collapse and the footer goes to the top fo the image

2 ) However, I realized that if you just set .resort { float: right; }

The layout will not collapse, and it will appear fine!

So my question is: why should we choose to do it by '1)' 's way and then add more code to fix the layout when there is a easier way to fix the problem '2)'??