Floated wrappers with overflow auto and inner blocks with inline content

Under testing and review, 21st April 2011.

Floated wrapper with inner content

Floated wrapper with overflow: auto.

................................................X
................................................X
................................................X
................................................X
................................................X
................................................X
................................................X
................................................X
clear

Floated wrapper with overflow-y: auto and overflow-x: hidden.

................................................X
................................................X
................................................X
................................................X
................................................X
................................................X
................................................X
................................................X
clear

Floated wrapper with inner element (with or without margin-right)

Floated wrapper with overflow: auto with block-level child.

................................................X
clear

Floated wrapper with overflow-y: auto and overflow-x: hidden with block-level child.

................................................X
clear

Floated wrapper with overflow: auto with block-level child with width: 100% and margin-right: 15px.

................................................X
clear

Floated wrapper with overflow-y: auto and overflow-x: hidden with block-level child with width: 100% and margin-right: 15px.

................................................X
clear

Floated wrapper with floated inner element (with or without margin-right)

Floated wrapper with overflow: auto with floated block-level child.

................................................X
clear

Floated wrapper with overflow-y: auto and overflow-x: hidden with floated block-level child.

................................................X
clear

Floated wrapper with overflow: auto with floated block-level child with width: 100% and margin-right: 15px.

................................................X
clear

Floated wrapper with overflow-y: auto and overflow-x: hidden with floated block-level child with width: 100% and margin-right: 15px.

................................................X
clear

Floated wrapper (with padding-right) with inner element

Floated wrapper with overflow: auto and padding-right: 15px with block-level child with width: 100%.

................................................X
clear

Floated wrapper with overflow-y: auto and padding-right: 15px and overflow-x: hidden with block-level child with width: 100%.

................................................X
clear

Floated wrapper with overflow: auto and padding-right: 15px with block-level child.

................................................X
clear

Floated wrapper with overflow-y: auto and padding-right: 15px and overflow-x: hidden with block-level child.

................................................X
clear

Floated wrapper (with padding-right) with floated inner element

Floated wrapper with overflow: auto and padding-right: 15px with floated block-level child with width: 100%.

................................................X
clear

Floated wrapper with overflow-y: auto and padding-right: 15px and overflow-x: hidden with floated block-level child with width: 100%.

................................................X
clear

Floated wrapper with overflow: auto and padding-right: 15px with floated block-level child.

................................................X
clear

Floated wrapper with overflow-y: auto and padding-right: 15px and overflow-x: hidden with floated block-level child.

................................................X
clear