<分区>
我有一个部分,分为两个部分。这些小节中的任何一个都可以确定另一个小节的大小。
我在这里草拟了一个快速代码笔:http://codepen.io/anon/pen/QyZbev
.outersection {
width: 100%;
overflow: scroll;
height: 100vh;
}
.group-section {
display: block;
border: blue 1px solid;
padding: 5px 0;
height: 100%;
}
.code, .documentation {
width: 50%;
display: inline-block;
border: 1px solid green;
height: 100%;
overflow: auto;
}
我只用 JQuery 和 CSS 尝试过,但是会有超过 2 个这样的部分,每个部分都需要不同的高度。这两种尝试都没有奏效,而且我不相信 JQuery 方式对于所有部分都足够动态。
问题是双方最终高度不匹配,然后双方似乎到处都是漂浮的。它们没有填充外壳部分,而且 div 似乎切换了它们漂浮在其上的一侧。
提前致谢!