Pozycjonowanie

Question

Witam potrzebuje ustawić konkretny element w rogu diva (...) Wyszukałem sobie że position : absolute; top: 0; right: 0; powinno spełnić moje oczekiwania ale to odnosi się do całej strony a nie do diva w którym się znajduje :(. Na szybko napisane:

<div id="lorem">  Lorem ipsum bla bla <span id="prawo"> Niby po prawo </span>  </div>

+ style

div#lorem{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    height:300px;
    background-color:gray;
    text-align: center;
    color: yellow;
}
#prawo{
    position:absolute;
    right:0;
    top:0;
}

 

No i pytanie w łatwiejszej do zrozumienia formie : Jak zrobić żeby pozycja #prawo odnosiła się do #lorem a nie do całej strony ?

Answer 1

Div nadrzędny powinien mieć dodane position:relative i zadziała, oto dowód: https://jsfiddle.net/7q69tk8w/

A tak poza tym, to kod źródłowy naszych przykładów zamieszczamy w specjalnych bloczkach kodu, żeby dla wszystkich było czytelnie.

Comments

Ok dzięki