Div Clear Left

Using CSS "Clear: Left" property value for Div tag also breaks the sequence of inline Div tags. It disallows the inline Div element at the right side of the Div tag with CSS property "Clear: Left" arranged in a single row. CSS Clear property with value equal to "left" also solves the problem of Div overflow while creating nested Div overlay layouts. Sometimes parent Div tag holding its child Div elements does not expand its height accordingly as shown in second sample below. See the 2 types of samples below:

Using Clear : left CSS property after each nested Div tag
Text inside div1
Text inside div2
Text inside div3


Using Clear : left CSS property after each nested Div tag except the last one.
Text inside div1
Text inside div2
Text inside div3