我的情况是我有3 div
s:
<div id="div1"> // code
<div id="div2"> // code </div>
<div id="div3"> // code </div>
</div>
我需要确保div1
始终是浏览器窗口的高度(响应window.resize
)并且div2
和div3
都具有固定位置浏览器(div2
底部的div1
和div3
中间div1
的固定max-height
)。此外,div3
可能包含的内容超出其固定高度,因此它可以滚动查看所有内容。
我尝试了各种设置,包括position: fixed;
和top: 0; bottom: 0;
,但它不起作用,因为我的div2
总是被推到浏览器窗口的边界之外。
你知道我怎么做吗?
谢谢!
答案 0 :(得分:0)
答案 1 :(得分:0)
您是否尝试过overflow:scroll
?
CSS:
#div3 {
width: 200px;
height: 100px;
overflow: scroll;
}