jquery动画div宽度= 0无法正常工作

Question

我的页面上有div，如下所示;

<div id="container">
    <div id="header">
    </div>
    <div id="sidebar">
        <div id="switch"></div>
        <div id="list"></div>
    </div>
    <div id="viewer"></div>
    <div id="footer">
    </div>
</div>

div switch是一个旨在缩小sidebar并延伸viewer的按钮。我希望sidebar完全缩小到左边并将viewer拉伸到剩余的空间。但我仍然有5px宽的差距。你可以看看我的小提琴here。我怎么解决这个问题？

提前致谢... :)

blasteralfred

Answer 1

添加此行也是你的css：

#list {padding-left: 0;}

Answer 2

删除#list中的填充 - 空格已经消失。