Как при наведении на объект, убрать отступы его родителя?

282
10 декабря 2016, 10:32

Верстаю по сетке бутстрап, есть ряд товаров, каждый обернут в .col-md-2 , нужно чтобы при наведении на один из товаров, его родительский блок .col-md-2 был без отступа. Как это сделать? Скрин ниже.

Answer 1

Вы используете borderпри наведении на элемент, и вы хотите компенсировать это, убрав отступы у соседних элементов.

А можно просто использовать box-shadow вместо border:

.someBlock:hover {
  box-shadow: inset 0 0 1px 3px orange;
}

Пример: Fiddle

Answer 2
.product:hover {
  margin: 0;
}
Answer 3
$('#объект_на_который_наводишь').on('mouseover',function(){$(this).parent().css('margin','0');}
READ ALSO
Как сделать так, чтобы блоки не ехали?
HTML

Как сделать так, чтобы блоки не ехали?

Есть скрытый контент, который появляется в блоке при ховере на родителяТак же есть некоторый padding который тоже появляется при наведении

 238
Проблема с колонками bootstrap
HTML

Проблема с колонками bootstrap

Верстаю шаблон, использую bootstrapСтолкнулся с такой проблемой: есть row, в нем ul и 3 li, каждому из которых присвоен клас col-lg-4

 334
Почему PhpStorm не показывает ошибку в коде?
HTML

Почему PhpStorm не показывает ошибку в коде?

Всем привет

 242
Проблема при ширине viewport 320px
HTML

Проблема при ширине viewport 320px

Появился странный отступ при ширине viewport 320pxПодскажите в чем проблема и где его найти?

 259