This example demonstrates the CSS Position property by rendering four labeled boxes—Absolute, Relative, Fixed, and Sticky—inside nested container divs. It uses plain HTML and CSS (via the `style.css` file) with the `position` values (`absolute`, `relative`, `fixed`, `sticky`) to control placement relative to viewport and containing blocks. The visualization relies on explicit `top`, `left`, and `z-index` values, plus a tall body height (`min-height: 200vh`) to reveal sticky and fixed behavior during scrolling. No external JavaScript libraries are involved.