webpackJsonp([0xbf30adac2895],{519:function(e,o){e.exports={pathContext:{frontmatter:{path:"/docs/absolute-relative-layout",title:"Absolute/Relative Layout",hasPlayground:!0,initialPlayground:null,redirect:null},html:'<h2>Absolute/Relative Layout</h2>\n<p>The <code>position type</code> of an element defines how it is\npositioned within its parent.</p>\n<p><strong>RELATIVE (DEFAULT)</strong> By default an element is positioned\nrelatively. This means an element is positioned according to the\nnormal flow of the layout, and then offset relative to that position\nbased on the values of <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>.\nThe offset does not affect the position of any sibling or parent elements.</p>\n<p><strong>ABSOLUTE</strong> When positioned absolutely an element doesn\'t take\npart in the normal layout flow. It is instead laid out independent\nof its siblings. The position is determined based on the\n<code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code> values. </p>\n<p><controls prop="positionType"></controls></p>\n<p>The position values <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code> behave\ndifferently depending on the <code>position type</code> of the element. For\na <code>relative</code> element they offset the position of the element in the\ndirection specified. For <code>absolute</code> element though these properties\nspecify the offset of the element\'s side from the same side on the parent.</p>\n<p><controls prop="position"></controls></p>'}}}});
//# sourceMappingURL=path---docs-absolute-relative-layout-47015858dd4d03a5534c.js.map