Евгений Кузовлев

А что в итоге на странице должно быть? Цвета при клике меняются, перехода по ссылке нет, потому что вы его ява-скриптом отключаете:

$('.tabs__link').click(function (e) {
	e.preventDefault();

	changeTab($(this));
});

Как по мне, он не предназначен для этого, к тому же со стилизацией возникнут проблемы

Проинспектировать элемент и посмотреть название шрифта prntscr.com/io2z2f

Добавьте перенос строки после a

<div class="main_div">
<a href="/en/tags/node" class="first_a"> <br>
<div class="slave_div_1">
<div class="slave_div_2">
<div class="slave_div_3">
<div class="slave_div_4">
</div>

kenwheeler.github.io/slick

Вставьте этот код на страницу, и при открытии окна, добавляйте класс .is-compensate-for-scrollbar к body

scrollWidth = window.innerWidth - document.documentElement.clientWidth;
if (scrollWidth > 1) {
	$('<style type="text/css">')
		.html('.is-compensate-for-scrollbar { padding-right: ' + scrollWidth + 'px; }')
		.appendTo('head');
}

https://jsfiddle.net/rmmtd3q2/

Я масштабирования в системе, случайно, нет? Firefox и Opera его учитывают, а вот Chrome нет

Первая ссылка http://multmult.ru/spiski/Мультики про Бэтмена/
Вторая http://multmult.ru/spiski/Мультики+про+Бэтмена/

Таблицы не поддерживают relative

https://www.w3.org/TR/CSS21/visuren.html#propdef-p...
The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.

делаете 2 блока, первый это ваш фиксированный, а во внутрь второго размещаете новую строку (.row) и в нее ячейки