当主div的宽度增加时，如何使sub div元素自动调整它的宽度？

Question

我有两个div元素。一个div用于左侧的菜单，另一个div用于右侧的主要内容。内容div有三个子div元素，它们就像三个相邻的列一样。

我在页面中有一个切换按钮。当我单击切换按钮时菜单div被隐藏，主内容div自动扩展以覆盖整个页面。但问题是当主内容div大小增加时，像列这样的三个子div元素没有调整宽度，即使我使用min-width css作为子div。

我的css 对于列（对于所有三列都相同）：

.column1 { min-width: 360px; float: left; padding-bottom: 115px; }

主要内容

#content{ background-color:#EEEEEE; height:600px; min-width:1100px; float:left;}

Answer 1

以百分比表示宽度

.sub-div {
  width: 33.33%;
  margin:0;
  padding:0;
}

如果你需要空间，那么

.sub-div {
  width: 30%;
  margin:3.33%;
  padding:0;
}

Answer 2

使用width作为sub-div的百分比

sub-div{width:25%)