Zarovnejte div s pevnou pozicí na pravé straně

Chci zobrazit div který je vždy viditelný, i když uživatel posouvá stránku. Použil jsem CSS position: fixed; za to.

Nyní chci také ukázat div v pravém rohu nadřazeného div .

Pokusil jsem se použít tento kód CSS k dosažení cíle:

.test {
  position: fixed;
  text-align: right;
}

Ale nezarovnává prvek na pravou stranu.

Moji ukázkovou stránku naleznete zde, div prvek, který chci zarovnat, se nazývá test pod nadřazenou třídou parent .

Existuje nějaké řešení CSS nebo JavaScript pro zarovnání prvku s pevnou pozicí na pravé straně obrazovky?

Odpověď

S pevnou pozicí musíte zadat hodnoty pro nastavení, kam bude prvek div umístěn, protože je pevný pozici.

Něco jako….

.test
{
   position:fixed;
   left:100px;
   top:150px;
}

Opraveno – Vygeneruje absolutně umístěný prvek umístěný vzhledem k oknu prohlížeče. Pozice prvku je určena vlastnostmi „left“, „top“, „right“ a „bottom“

Více o pozici zde.