Как перемещать и фиксировать элементы HTML CSS?

Question

[Berkutman]

Доброго времени суток, господа эксперты.
Имеется кнопка, яндекс карты и тд на сайте. Их необходимо поставить в одну точку и зафиксировать и при этом адаптировалась к любым размером экрана? И ещё вопрос адаптация будет идти через запрос media?

Answer 1

[mamadaliev]

Используйте в CSS position: fixed или position: absolute и top, left, button right для фиксации, а для адаптации @media.

Comments

[Berkutman]

Дело в том, когда применяю кнопки poddition-top, кнопка конечно уходит куда мне нужно, но за ней фон увеличивается следом.
cen - используется в качестве фона

<section class="cen" id="cen">
			  <div class="knpk" >
<a  href="#ostzav" class="button"/>Оставить</a>
      </div>

    </section>

[mamadaliev]

Примените position: absolute; и используйте margin. Вот пример:

HTML:

<section class="cen" id="cen">
  <div class="knpk">
    <a  href="#ostzav" class="button"/>Оставить</a>
  </div>
</section>

CSS:

.cen {
  background: blue;
  width: 200px;
  height: 200px;
}
.knpk {
  background: green;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  margin-top: 50px;
  margin-left: 20px;
}

Answer 2

[Дима Долготер]

на кнопку повесить position:fixed; и ровнять относительно дисплея с помощью top, button, left, right