tests — new block formatting context adjacent to float: using the overflow property

back to introduction

The same test, but using float:left instead of float:right.

code

div.inflow {background:#d8ebff;}

div.overflowH {background:yellow; overflow:hidden;}
div.overflowA {background:#ffd4cc; overflow:auto;}

p.overflow-pH { background:#ccc; overflow:hidden;}
p.overflow-pA { background:#daf2e8; overflow:auto; }

div#one {float:right; width:100px; height:200px; border:2px solid lime; background:#f1f1f1}

Notes

• See the previous test
• Opera 7.5 and 8.0x, Opera 9 beta have serious problems handling the horizontal margins, and drop the in–flow boxes below the floated box, clearing the float.

Last modified: May 25 2006 02:53:48 GMT.

• A [ La Chatte Noire ] development area
• [ contact ]
• [ sectionindex ]
• [ Empty Spaces ]