Класс не прав, используя относительное свойство

Question

Я объявил класс и позиционировал его как абсолютный, и когда я объявляю другой класс и позиционирую другой как относительный, и он не работает.

Вот 1-й класс:

<p class="slidshow">
        <img class="mySlides" src="1.jpg" width="1000px" height="500px">
    <img class="mySlides" src="2.jpg" width="1000px" height="500px">
    <img class="mySlides" src="3.jpg" width="1000px" height="500px">
    <img class="mySlides" src="4.jpg" width="1000px" height="500px">
    <script type="text/javascript">
        var slideIndex = 0;
carousel();

function carousel() {
  var i;
  var x = document.getElementsByClassName("mySlides");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none"; 
  }
  slideIndex++;
  if (slideIndex > x.length) {slideIndex = 1} 
  x[slideIndex-1].style.display = "block"; 
  setTimeout(carousel, 4000); // Change image every 2 seconds
} 

Здесь этоcss:

.slidshow{
    position: absolute;
    top: 130px;
    right: 150px;
}

Вот второй класс: (это всего лишь пример)

<div class="cont">
    <a id="contact">PHONE</a>
</div>

Вот его css:

.cont{
    position: relative;
    top: 10px;
    right: 10px;
}

Второй класс отображается слевав первый класс.

Answer 1

Я думаю, что вы должны сначала прочитать его, чтобы вы могли лучше понять позиции CSS. Дело не в точном решении, а в том, чтобы получить основы, которые приведут вас к созданию лучших макетов в будущем, поэтому просмотрите эту статью: https://medium.freecodecamp.org/how-to-use-the-position-property-in-css-to-align-elements-d8f49c403a26