När du floatar #sidebar01 så hamnar den "utanför" dokumentflödet och tar inte upp plats från de övriga elementen. Därför slutar resten av sidan tvärt då #sidebar01 inte fyller ut.
clear talar om att #bottom ska hamna nedanför det element som floatar ovanför, som om det inte hade floatat och då skulle ha tryckt ner #bottom.
Nu kommer #bottom att falle ned under #sidebar01 och resten av sidan följer med.
#bottom {
clear:both
}