css position fixed relative to parent
<!DOCTYPE html>
<html>
<head>
<style>
div{
position: fixed;
bottom: 0;
right: 0;
background: #05ffb0;
border: 2px solid red;
padding: 10px;
}
</style>
</head>
<body>
<h1>CSS Position - Fixed</h1>
<div>
This div element has position fixed.
</div>
<p><strong>Note: </strong>The div element is positioned in the bottom-right corner. It stays in the same position even if you scroll down the page.</p>
<p><strong>Activity: </strong>Change bottom and right properties values and click on the Run button for clear understanding.</p>
</body>
</html>