我很难让div滚动显示谁的父容器是绝对定位的。
http://codepen.io/ Establishment / pen / zdFaL
的HTML
<div class="container">
<div class="stream page">
<div class="stream-content">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut odio libero, posuere in tortor quis, malesuada ullamcorper ante. Morbi sed orci nisi.</h2>
</div>
</div>
<div class="detail page">
</div>
</div>
的CSS
.container {
background-color: pink;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.page {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.detail {
background-color: blue;
left: 425px;
}
.stream {
background-color: green;
width: 425px;
}
.stream-content { overflow-y: scroll }
您需要给.stream-content
div一个高度。
.stream-content {
height: 100%;
overflow-y: scroll }
小提琴:http : //jsfiddle.net/6akz6/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句