Не понимаю, почему блок уходит влево?

Question

[QSnake]

Суть такая, что надо создать блок поверх блока, но он у меня почему-то уходит влево, когда я делаю масштаб страницы ниже 100%



Можно сделать вот так:



Но тогда у меня этот блок будет опускать нижний div и не будет поверх блока. (Мне этого не нужно)

Так же у меня стоит так называемая "обёртка" и я не понимаю, почему у меня уходит блок влево..

.wrapper
{
    width: 1880px;
    margin: 5px auto;
}

Comments

[Ankhena]

1. Назовите хоть одну причину, почему он не должен никуда уходить при изменении масштаба?

Вы смотрите на страницу в 100% масштабе. Эти 1300px пусть будут 40 сантиметрами (значение от балды).
Делаете масштаб 50% -> эти же 1300px становятся 20 сантиметрами.
Масштаб 200% -> 80см.
Почему вы считаете, что должно быть как-то не так?

Ещё и полоса прокрутки будет при ширине вьюпорта меньше 1850px.

2.Флоаты в современной верстке используются для того, ради чего придуманы: для обтекания одного элемента другими. Например, картинка и текст.

3. В современном мире очень удобно накладывать блоки один на другой с помощью гридов.

4. Лучше бы рассказывать истинную задачу.

[Сергей delphinpro]

может вам нужно left:100%
расскажите чего конкретно вы хотите добиться.

[Андрей]

та не. тут нужен экстрасенс

[Ankhena]

может вам нужно left:100%

или right: 0?

[QSnake]

Сергей delphinpro, мне нужно, чтобы правый блок стоял на месте и был поверх всех блоков. Мне не нужно смещение влево при уменьшении страницы.

Если я сделаю так:

.menu_header
{
  float: right;
  position: relative;
  width: 35%;
  height: 50px;
  background-color: navy;
}

То этот блок будет толкать нижний div, это не то что мне нужно

[Hovo_Varosyan]

QSnake, попробуй right 0, z-index:100 и position absolute если я правилно понял тебя

Answer 1

[QSnake]

Ребят, всем спасибо, кто помог. (Решено)

Вот, что мне нужно было:

.menu_header
{
  position: absolute;
  z-index:99999;
  width: 600px;
  height: 50px;
  margin-left: 1250px;
  background-color: navy;
}