Css 如何填充已删除的空间<；部门>；通过左侧或右侧定位<；部门>；？

我有3列并排放置。。一个位于左侧，作为左侧模块面板，一个位于中间，作为内容列，一个位于右侧，作为右侧模块面板

CSS:

#左{
宽度：20%；
浮动：左；
}
#对{
宽度：25%；
浮动：对；
}
#内容{
宽度：55%；
浮动：对；
}

HTML

某模块
一些内容
某模块

现在： 当我移除id='left'的div时，content div保留其55%的位置，如果我移除55%，它将填充主体的整个宽度。移除左面板时，如何设置从右面板旁边填充正文的内容，直到正文的左边框？ 例如，当我想从html代码中删除左面板时，我不想将内容从55%更改为75%。我喜欢它自动扩展到所有剩余的75%。

---

我读过类似的问题，但没有成功…

使用

溢出：隐藏
这个解决方案如何：

HTML


某模块
某模块
一些内容

CSS

#左{浮动：左；宽度：20%}
#右{浮动：右；宽度：25%}
#内容{溢出：隐藏；}


把左窗格拿走，看看会发生什么：内容将填满剩余的宽度

我添加了一些背景色，只是为了让它更清晰一点。
你能再解释一下吗！真让人困惑！更好的是，一个jsfiddle.net（甚至是ascii-art）就可以了。