Николай Смирнов

Здравствуйте. Посмотрите решение в песочнице

Попробуйте так:
js

$(document).ready(function(){
    $('.block-slick').slick({
        prevArrow: '.prev',
        nextArrow: '.next'
    });
});

html

<div class="prev">Левая кнопка</div>
<div class="next">Правая кнопка</div>

Посмотрите решение аналогичного вопроса на stackoverflow

Посмотрите ответ на аналогичный вопрос

Могу предположить, что тег html по ширине занимает все доступное пространство. Когда есть блоки, то есть полоса прокрутки и ширину считает до полосы прокрутки, а когда удаляете блоки, то прокрутка убирается и считается до края экрана. Поэтому и показывает в инспекторе большую ширину.