--- title: Lock an Element to its Parent with Absolute Positioning --- # Lock an Element to its Parent with Absolute Positioning --- ## Hints ### Hint 1 Use `position: absolute;`. ### Hint 2 Use the `right` and `top` properties. --- ## Solutions

Solution 1 (Click to Show/Hide)

```html

Welcome!

``` #### Code Explanation * `#searchbar{}` selects all the elements with the ID of `searchbar`. * `position: absolute;` positions the element with respect to its nearest ancestor having `position: relative;`. * `top: 50px;` and `right: 50px;` offsets the element by `50px` to the bottom and left respectively.