右侧列表 怎么根据左侧tab的高度变化而变化？

Question

用vue写的话大概的一个思路是怎么样的？

Answer 1

一个框 高度100%

Answer 2

弄清以下问题：

1. 左侧高度什么时候会变化？
2. 变化的时候获取它的高度
3. 右侧根据这个高度作出调整

Answer 3

这个用布局和样式控制应该可以吧

Answer 4

最简单的,一个table,不设高度,分两列,每列里面再插内容,自动实现

Answer 5

整个盒子高度根据右侧的大小来填充，
左侧设置max-height

Answer 6

flex 布局了解一下

http://www.ruanyifeng.com/blo...

Answer 7

和我博客空间布局一样，用css flex 布局，将其控制在一屏范围内。内容溢出则滚动即可。
大概这样...
e.g.

// main->aside + section
main{display:flex;height:100vh;}
aside{width:200px;// 自定义height:100%;}
section{flex:1;height:100%;}