Skip to content

Instantly share code, notes, and snippets.

@xiaody
Forked from anonymous/dabblet.css
Created February 20, 2017 11:48
Show Gist options
  • Save xiaody/29bb04a8b549a758c451779220ae6353 to your computer and use it in GitHub Desktop.
Save xiaody/29bb04a8b549a758c451779220ae6353 to your computer and use it in GitHub Desktop.
flex absolute
/* flex absolute */
* {box-sizing: border-box;}
#root {
border: 1px solid black;
}
#parent {
display: flex;
height: 200px;
padding: 30px;
margin: 30px;
border: 10px solid red;
align-items: center;
justify-content: space-around;
}
#c1 {
position: absolute;
height: 50px;
width: 50px;
border: 1px solid green;
}
#c2 { height: 50px; width: 50px; border: 1px solid blue;}
#c3 { height: 50px; width: 50px; border: 1px solid yellow;}
<div id=root>
<div id=parent>
<div id=c1></div>
<div id=c2></div>
<div id=c3></div>
</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment