Решение проблемы перекрытия, позиционирование в css

Решение проблемы перекрытия, позиционирование в css

Возникла следующая ситуация — на странице расположен блок с большим padding-bottom и нужно добавить под него элемент с кликабельными ссылками, чтобы он располагался прямо под блоком. Прямо под него это сделать можно только с отрицательным margin. Из-за padding-bottom происходило перекрытие добавляемого блока и ссылки соответственно не работали. Рисунок с двумя блоками и их свойствами:

Вот свойства нижнего блока, позволяющие сделать ссылки кликабельными:

Долго не мог сообразить как лучше сделать, в результате position:relative помог. Надеюсь кому то будет полезно, удачи!

Добавить комментарий

Закрыть меню