resumemaker.eu
← TechnologyThe essentials of

Bottom: a floating button needs a reference area

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

With absolute or fixed positioning, bottom participates in placement relative to the lower edge of the containing block. Consequently, bottom: 1rem does not necessarily mean distance from the bottom of the page.

Useful to know

With absolute or fixed positioning, bottom participates in placement relative to the lower edge of the containing block. Consequently, bottom: 1rem does not necessarily mean distance from the bottom of the page. [1]

Before adjusting a floating button, identify its containing block. The same number may place it within a card, panel or viewport depending on the surrounding rules.

Sources

For further detail and to check the information:

  1. [1] MDN — CSS bottom ↗