Skip to content

Instantly share code, notes, and snippets.

@FremyCompany

FremyCompany/index.html

Created February 23, 2015 23:15
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save FremyCompany/6ba390b2ab9ddf886298 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save FremyCompany/6ba390b2ab9ddf886298 to your computer and use it in GitHub Desktop.
Download ZIP
Proof position:relative is necessary to create layout islands
Raw
index.html
<main>
some main content here
<section style="position: not-relative; width: 100px; height: 100px; background: blue; color: white; overflow: hidden;">
some section content here
<aside style="position: absolute; top: 5px; left: 50px; background: red; -ms-wrap-flow: both">
some aside content here
</aside>
</section>
</main>
@FremyCompany
Copy link
Author

FremyCompany commented Feb 23, 2015

NOTE: The css "wrap-flow" property is defined in CSS Exclusions Level 1

@FremyCompany
Copy link
Author

FremyCompany commented Feb 23, 2015

If you can't test in IE, the rendering is roughly:
| some [some aside content here] main content here
| some section content here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment