如何在主DIV内部制作两个DIV固定和可滚动

时间:2015-04-22 20:09:07

标签: javascript html css position css-position

我的情况是我有3 div s:

<div id="div1"> // code 
    <div id="div2"> // code </div>
    <div id="div3"> // code </div>
</div>

我需要确保div1始终是浏览器窗口的高度(响应window.resize)并且div2div3都具有固定位置浏览器(div2底部的div1div3中间div1的固定max-height)。此外,div3可能包含的内容超出其固定高度,因此它可以滚动查看所有内容。

我尝试了各种设置,包括position: fixed;top: 0; bottom: 0;,但它不起作用,因为我的div2总是被推到浏览器窗口的边界之外。

你知道我怎么做吗?

谢谢!

enter image description here

2 个答案:

答案 0 :(得分:0)

尝试使div可滚动:

System.out.println(System.getProperty("user.dir"));

从此问题和答案中获取的代码link

答案 1 :(得分:0)

您是否尝试过overflow:scroll

CSS:

#div3 {
    width: 200px;
    height: 100px;
    overflow: scroll;
}