# slick 子元素少於 slidesToShow 數目
如下圖 bug 畫面，子元素3個物件；slidesToShow 設定為4，導致子元素寬度出問題

## 解法
參考 github 上 issue, 路人提供的方法(作者沒有回應)
(https://github.com/kenwheeler/slick/issues/1504)

有兩種解法
1. 在css中補上:

.slick-list{
    /*...原本的樣式(略)*/
    width: 100%;
}

2. 動態修正 slideToShow

// 設定4個，如果比4個少就依照子元素數目
var childLength = $('.slider-list').children().length;
var slidesToShow = childLength < 4 ? childLength : 4;

// 之後再初始化(略)

## 參考資料
[Carousel breaks when slidesToShow number is bigger then number of slides](https://github.com/kenwheeler/slick/issues/1504)