我有一个菜单 div，它填充了其容器高度的100％，在它旁边的右侧是header，body和footer部分。
我设法做到了CSS flex property。但是，我想更改"menu"div从容器中取出的宽度量，例如，使其成为10% width of container's width，并使其rest divs fill what's left（即使"menu"div在以后被隐藏）。
我现在拥有的JS Fiddle：https：//jsfiddle.net/jf29vr0x/3/
.container {
display: flex;
flex-flow: column wrap;
width: 75%;
height: 500px;
position: relative;
margin: 0 auto;
}
.menu {
flex: 0 0 100%;
background: lightblue;
}
.header {
flex: 0 0 10%;
background: lightgray;
}
.body {
flex: 0 0 80%;
background: purple;
}
.footer …