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

148

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 , эта ширина берется из половины выступающей части

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

136

HTML

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

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

110

HTML

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

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

124

HTML

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

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

153