{"json_modified": "2016-09-30T09:34:02.941369", "uuid": "cac2a947-5554-42cf-a669-44f27ebf92c5", "title": "Positioning", "url": "/en-US/docs/Learn/CSS/CSS_layout/Positioning", "tags": ["absolute", "Beginner", "CSS", "Positioning", "Article", "CodingScripting", "Guide", "fixed", "relative", "Layout"], "translations": [], "modified": "2016-09-30T09:34:03", "label": "Positioning", "localization_tags": [], "locale": "en-US", "id": 185260, "last_edit": "2016-09-30T09:33:55", "summary": "I'm sure you had fun playing with basic positioning \u2014 it is one of the essential tools behind creating complex CSS layouts and UI features. With that in mind, in the next article we'll have even more fun with positioning \u2014 there we'll go a step further and start to build up some real world useful things with it..", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Document_flow", "title": "Document flow"}, {"id": "Introducing_positioning", "title": "Introducing positioning"}, {"id": "Static_positioning", "title": "Static positioning"}, {"id": "Relative_positioning", "title": "Relative positioning"}, {"id": "Introducing_top_bottom_left_and_right", "title": "Introducing top, bottom, left, and right"}, {"id": "Absolute_positioning", "title": "Absolute positioning"}, {"id": "Positioning_contexts", "title": "Positioning contexts"}, {"id": "Introducing_z-index", "title": "Introducing z-index"}, {"id": "Fixed_positioning", "title": "Fixed positioning"}, {"id": "Experimental_position_sticky", "title": "Experimental: position sticky"}, {"id": "Summary", "title": "Summary"}], "slug": "Learn/CSS/CSS_layout/Positioning", "review_tags": []}