小编efx*_*zsh的帖子

将flexbox的高度限制为浏览器窗口的高度(当前溢出导致垂直滚动)

我正在尝试开发一个适合浏览器窗口大小的应用程序。

菜单的高度应适合父级的100%,而不应适合屏幕的100%。我有这个:

|---------------------------------|
| Header                          |
|---------------------------------|
||-------------------------------||
|| flex                          ||
|||--------------|               ||
||| Menu         |               ||
|||              |               ||
||| 1 item       |               ||
|||              |               ||
|||              |               ||
|||              |               ||
|||              |---------------||
  |              |
  |--------------|
Run Code Online (Sandbox Code Playgroud)

我想要

|---------------------------------|
| Header                          |
|---------------------------------|
||-------------------------------||
|| flex                          ||
|||--------------|               ||
||| Menu         |               ||
|||              |               ||
||| 1 item       |               ||
|||              |               ||
|||              |               ||
|||              |               ||
|||              |               ||
|||--------------|---------------||
Run Code Online (Sandbox Code Playgroud)

我的代码:https : //jsfiddle.net/vLbzLtyf/ …

html css css3 flexbox

6
推荐指数
1
解决办法
2142
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1