iview layout組件中，sider設置了默認寬度和最大寬度，在css樣式文件中修改無效，原因是iview默認樣式設置在了element.style中，只能通過行內樣式修改

樣式如下：

image.png

image.png

修改方式：
1.官方文檔中寫明修改寬度通過傳參數width實現

image.png

詳見iview組件 layout部分
布局 Layout - iView (iviewui.com)

2.使用行內樣式覆蓋源樣式

<sider style="width: 300px;min-width: 300px;max-width: 300px;flex: 0 0 300px;">

補充：

神奇的技巧：
如果想讓sider的寬度自適應父元素，將width的值設置為空即可

代碼：

 <sider :width="''">

sider的class

image.png

原創