Javascript 更改div的宽度不适用于子级

我有剑道拆分器，简化了以下结构：

<div id="MainSplitter style="height:10px;overflow:visible">
   Contains two horizontal panes and the splitter element
</div>

如何修改主拆分器宽度，使窗格也反映更改，并且如果浏览器窗口大小也更改，主拆分器将调整大小

---

注意：如果我更改了主拆分器的宽度，那么在第一次服务器ajax调用之后，div中窗格的溢出就会激活。这有意义吗

检查HTML元素并查看CSS。拆分器的宽度设置为多少？它是一个百分比还是一个特定的值？宽度没有设置，所以默认为100%。你能提供一个JSFIDLE或jsBin示例吗？