floating -two child in Parent div

• [e-mail]
• Lower Secondary (Key Stage 3)

Layout Proficiency 

Please  go through the lesson on the layout before completing this lesson.

You will learn how to use , float and clear fix to complete your layout. Thank you

00:00

No element inside the main div means

1. Main div has no width
2. Main div has no margin
3. Main div has no border
4. Main div has no height

21:11

write down the div tags that could be used to create the layout. include the name of the ID

observe the layout

21:50

.clearfix::after{content:""
display:block;
clear:auto;
}
the height of the parent usually goes to "0 px" after float- select all the correct options

1. Yes because the parent has no contents
2. If you did not use this instruction you wont see the background colour of the parents
3. The instruction is necessary to make parent height to equal the child's height. parent div to
4. None of the above

23:39

Name the ids

24:12

Name the six formatting tags that is applied to the "parent div"

30:12

Explain the diagram

Thank you for learning with us

Outcome you should understand and apply

1. floating 

2. layout using div tag

3. clearfix

4. normalisation

The End