How different these properties?

Question

How different between "float" and "overflow"? I m not that clear.

.div1 {float:left}
.div2 {overflow:left}

Answer 1

float used to move a content like align
ex:
<div class='div1'></div>
<style>
.div1 {float: right}
</style>
// any tag with class div1 will moved to/hang on right

overflow used for minimize over-size content
ex:
<div class='div2'></div>
<style>
.div2 {
max-width: 200px;
max-height: 200px;
overflow: scroll;
}
</style>
// any tag with class div1 with width/height size over 200px, the content must scrolled to see the rest

test it in code playground. hope it help

Answer 2

Woah code master in the room!

Answer 3

how stupid i m? 😁😁