Выровнять блок по центру контейнера

135
15 декабря 2020, 07:00

Товарищи подскажите, как выровнять блок меню по центру который большей ширины контейнера в котором он лежит... ? )

Answer 1

Вот так, для любой ширины.

.little{ 
  width: 200px; 
  padding: 50px 0; 
  margin: 0 auto; 
  background: red; 
} 
 
.big{ 
  width: 500px; 
  height: 100px; 
  background: blue; 
  margin-left: 50%; 
  transform: translateX(-50%); 
}
<div class="little"> 
  <div class="big"></div> 
<div>

Answer 2

Понял решение , задать margin-left: -20px;, может быть и не 20px , эта ширина берется из половины выступающей части

READ ALSO
Присвоить ID placeholder&#39;y
HTML

Присвоить ID placeholder'y

Можно ли как-то присвоить id плейсхолдеру? Нужно чтобы он динамически изменялся, в зависимости от выбранной валютыСейчас выглядит так:

 125
Переход на якорь(#) через &lt;div onClick()&gt;
HTML

Переход на якорь(#) через <div onClick()>

Я пытаюсь перейти на блок, по клику мыши на другом блоке

 97
Несколько элементарных вопросов по HTML
HTML

Несколько элементарных вопросов по HTML

Делаю отчёт в чистом html и у меня возникли небольшие трудности

 111
Верстка nav (кастомная кнопка)
HTML

Верстка nav (кастомная кнопка)

Начал изучать flexbox, и столкнулся с проблемой верстки навбара (из-за не стандартной кнопки, активного положения на скрине приложу как выглядит...

 137