HomeОбразованиеRelated VideosMore From: BrianWoodTraining

How a CSS Float Works with a Div

93 ratings | 18261 views
If you are brand new to CSS or are starting down the path toward CSS immortality, floats are something that you will use eventually. The hardest thing about floats is understanding how they work (and then using them). In this FREE Adobe Dreamweaver tip video, I show you how to assign a float to div and explain why and how divs are floated.
Html code for embedding videos on your blog
Text Comments (12)
Noob Scientist (1 year ago)
Thank you bro! Love you :D
arttubelady (2 years ago)
D Rcl (2 years ago)
HOLY CRAP. Why could they not teach this in class.
Zoe D (2 years ago)
http://www.w3schools.com/css/tryit.asp?filename=trycss_layout_float_ex when I minimise the screen so that it is smartphone size, why do the 2 floating divs kind of fall under the nav div?
David Keane (3 years ago)
Thank you!! Do you have a link to that file, what actually happens when you float a div please?
TheTechnical (3 years ago)
شكرا جزيلاً Thank you so much.
ShakespeareAvenue (3 years ago)
I have four borders side by side using "float left" it works fine until I resize the browser then the two at the end move or get displaced to the next line below. I tried to fix it using position: fixed, position: relative or absolute but they won't resize or scale with the browser window getting smaller? Any ideas?
On Your Medical Left (5 years ago)
Your explanation cleared up all my confusions, thank you so much!
Thank you, explanation is very clear :)
kyrlouca (6 years ago)
thanks, you are the first to clearly explain float
qazwsxedc0037 (6 years ago)
first time to understand "div float" ,, thank you very much
philontour (6 years ago)
can u add the pdf url into the description field of this video? that would be awesome! :)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.