相关疑难解决方法(0)

防止弹性物品溢出容器

如何制作我的弹性项目(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)

css flexbox

49
推荐指数
6
解决办法
6万
查看次数

标签 统计

css ×1

flexbox ×1