如何制作我的弹性项目(article在本例中),它flex-grow: 1; 不会溢出它的flex父/容器(main)?
在这个例子article中只是文本,虽然它可能包含其他元素(tables等).
main, aside, article {
margin: 10px;
border: solid 1px #000;
border-bottom: 0;
height: 50px;
}
main {
display: flex;
}
aside {
flex: 0 0 200px;
}
article {
flex: 1 0 auto;
}Run Code Online (Sandbox Code Playgroud)
<main>
<aside>x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x …Run Code Online (Sandbox Code Playgroud)