When placing an element in a web page, it follows predetermined behaviors concerning how it'll sit in the layout in relation to the other elements around it. Basically, the element will go with the flow. From top to bottom and left to right, elements get in line in the order they're entered into the code, and will observe the space reserved by other elements.
At times, though, this flow is at odds with our layout ideas. We may need some of our sections to break from these behaviors to achieve more robust web site designs. The position property, which is our focus for this lesson, allows us more freedom in playing with our layouts and features.
By default, elements adopt the position value of static, which means they are receiving no special positioning treatment, and are abiding by the web page's flow. Static elements are also sometimes referred to as "non-positioned" elements. But what if we want a section to always appear in the upper right of the page, no matter what content is around it? What if we want to position images into a unique arrangement? And can we overlap elements? Over the next few pages, we'll learn about the other position values that let elements sit more independently in a web page.
