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