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

240

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');}

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

Все вопросы

ТОП-10

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

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

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

208

HTML

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

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

265

HTML

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

Всем привет

202

HTML

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

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

220