foreign-object-margin-collapsing.html (683B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#embedded-ForeignObjectElement"> 4 <link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins"> 5 <link rel="match" href="foreign-object-size-ref.html"> 6 <svg> 7 <foreignobject width="100" height="100" style="background:red;"> 8 <div style="margin:100px 0;"> 9 <div style="margin:100px 0;"></div> 10 </div> 11 <div style="margin:100px 0;"> 12 <div style="margin:100px 0;"></div> 13 </div> 14 <div style="margin-top:-100px; height:100px; background:green;"></div> 15 </foreignobject> 16 </svg>