基于Holy Grail的布局中可调整大小的侧边栏

Question

使用this layout（显然不是我的），我想用javascript来调整/隐藏侧边栏。在编写js代码之前，我尝试手动更改右列和左列的宽度。问题是，当设置为较小的值时，中心列不会填满释放的宽度。但主列的宽度已设置为100％。

所以我的问题是：

鉴于我想将左列的宽度减小到180px，我应该更改为主列还填空？

Answer 1

这种类型的布局使用填充来容纳侧列。因此，如果您希望左侧列为180px，每侧填充10px，则主容器需要左侧填充为200px（180px宽度+ 10px填充* 2）。当您更改侧边栏的宽度时，您需要更新主容器上的填充以匹配。