390885 (23) [Avatar] Offline
#1
Hi, Keith,
How you doing.
I am reading the section 'make sense of float' and not able to figure out what the words mean.
On page 96, close to the end, there is such a sentence:
So, instead of clearing box 1, it “catches” on it.


Could you please explain what do 'clearing' and 'catch' mean here?
I guess catch means box 3 is running fast from behind and his top is already higher than box1.
But I am not sure.
Keith J Grant (30) [Avatar] Offline
#2
What we want in the design here is for box 3 to appear on a new row, beneath box 1 (to “clear” it, or start beneath the bottom edge of box 1). Since box 3 doesn’t naturally clear, it doesn’t float all the way left, and instead only floats up against the bottom corner of box 1. Figure 4.10 illustrates this.

We fix this by using the `clear` property, listing 4.8.
390885 (23) [Avatar] Offline
#3
Keith J Grant wrote:What we want in the design here is for box 3 to appear on a new row, beneath box 1 (to “clear” it, or start beneath the bottom edge of box 1). Since box 3 doesn’t naturally clear, it doesn’t float all the way left, and instead only floats up against the bottom corner of box 1. Figure 4.10 illustrates this.

We fix this by using the `clear` property, listing 4.8.


May I take it this way:
box 3 is going to the far left end on his own way or on the row it resides.
So "clear" means to clear everything out of his way which may block it.
"catch" means box 3 is stuck by box 1 which stops box 3 to get to the left end.

Sorry for being so inquiring in advance, I googled the word "catch on" and found two meanings of it:
1. To understand something
2. To become popular
which make me confused...