CSS Floats and Clears Tutorial for Beginners

CSS Floats and Clears Tutorial for Beginners

Dave Gray

2 года назад

21,872 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Myko Ceasar Pineda
Myko Ceasar Pineda - 24.10.2023 23:23

Why did you use vw for the height of the box? I thought vw units are only for the width and for the height is vh unit?

Ответить
Jude
Jude - 14.08.2023 02:31

Thanks!

Ответить
Lou II de los Reyes
Lou II de los Reyes - 06.08.2023 11:43

Done watching again! Thank you Dave! :)

Ответить
Pablo Correchel
Pablo Correchel - 22.07.2023 17:53

Hi Dave, excellent video and explanation. It really helped make a lot of sense of things regarding float.

Question: Would overflow:hidden also wrap the floated div inside its container? How about applying clear:both to the second paragraph?

Thanks in advance for your help!

Ответить
Pakzad Hasan
Pakzad Hasan - 28.05.2023 17:23

thanks

Ответить
Patricia Santos
Patricia Santos - 30.03.2023 11:28

Hi everyone! I used the element section, as shown in this lesson, and got this warning on w3 validator: "Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections, or else use a div element instead for any cases where no heading is needed". Is there another element we can use instead of section? VS Code and w3 suggests using div but, in this case, there's already a div inside the supposed section element.

Ответить
Garik Melqonyan
Garik Melqonyan - 04.02.2023 21:42

👍

Ответить
Anthony Geoffrey
Anthony Geoffrey - 01.12.2022 18:59

Thank you so much sir the video was very helpful

Ответить
nobody everybody
nobody everybody - 07.10.2022 11:38

oh boy, your tutorials are killers :)

Ответить
Pritul Dave
Pritul Dave - 01.10.2022 10:53

Where is the code ? it is not present on the github

Ответить
Hydro Help
Hydro Help - 28.09.2022 17:03

Thank you, Dave

Ответить
Yanimir
Yanimir - 28.09.2022 00:23

tnx

Ответить
Gabriel Souza
Gabriel Souza - 25.09.2022 18:34

👏👏

Ответить
Sona Mohialdin
Sona Mohialdin - 25.07.2022 18:10

Amazing tutorial thank you

Ответить
vamsi iswarabhottla
vamsi iswarabhottla - 25.06.2022 15:08

Hi Dave,

when I gave more content in the section the content coming under the float container what to do when that occurs

Ответить
Cme
Cme - 21.06.2022 09:05

Thank you Dave. I learnt more about floats!

Ответить
Mohd Shadab
Mohd Shadab - 30.05.2022 19:43

In "Float Inside container element" I use <div class="clear"> just above the end of the </section> which gives me the same result as overflow or display. Is it the wrong way to write?

Ответить
Faraz K
Faraz K - 15.04.2022 10:18

Hi Dave,

I just finished watching your video on closures, and I just wanted to thank you. I had watched quite a few videos on the subject before, but yours was by far the best. Your delivery as a teacher, your pacing, your tone of voice, your attention to details, differentiating between closely related yet discrete/different concepts (e.g. closure vs lexical scope in this case) are all great. Thank you!

Also, I have just found your channel (and subscribed), so I don't know much about the channel yet, but do you also do full courses on Udemy?

Thanks,
Faraz

Ответить
Ahmad Murey
Ahmad Murey - 12.04.2022 18:04

I really do remember all the headache using float/clear in the past 🤕
I also remember that we used the ::after pseudo element to apply clear:both on the last item/paragraph,
and I just noticed how old I am 👴

Thanks Dave, you explained it very well,

Ответить
CTILET
CTILET - 12.04.2022 16:24

Hi Dave! Thanks for a new video.
I got a problem i try to make a respositive website and all items are perspective to the size of the screen(on original) but on mine it have fixed size. Thats why when i make the screen wider the items get smaler))
What should i learn not to do this mistakes?

Ответить