在绝对位置的div中滚动div

我很难让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-contentdiv一个高度。

.stream-content { 
  height: 100%;
  overflow-y: scroll }

小提琴:http : //jsfiddle.net/6akz6/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

绝对位置div中的SVG不显示

来自分类Dev

div的绝对位置,但不与上面的div重叠

来自分类Dev

HTML:了解居中的Div的绝对位置

来自分类Dev

CSS:绝对位置div高于父div

来自分类Dev

绝对位置的div中的页眉,内容和页脚

来自分类Dev

在绝对位置的div中截断文本

来自分类Dev

在div中将居中的绝对位置的图像水平居中,而不会出现水平滚动条(也在移动设备中)

来自分类Dev

css。绝对位置DIV中的垂直中心

来自分类Dev

JavaScript获取div的绝对位置

来自分类Dev

使用flexbox在div内居中div并使用绝对位置

来自分类Dev

居中div绝对位置?

来自分类Dev

滚动div中的绝对底部位置?

来自分类Dev

如何在可滚动的div元素内使用CSS绝对位置

来自分类Dev

Firefox在绝对位置的div中溢出-y

来自分类Dev

div的绝对位置,但不与上面的div重叠

来自分类Dev

需要居中div绝对位置

来自分类Dev

HTML:了解居中的Div的绝对位置

来自分类Dev

浮动元素被绝对位置div裁剪

来自分类Dev

绝对位置的div与相对位置的div不重叠

来自分类Dev

在绝对位置的div中垂直对齐按钮

来自分类Dev

CSS:相对位置在相对位置div中的绝对位置

来自分类Dev

没有绝对位置的可滚动div

来自分类Dev

如何在div中设置图像的绝对位置

来自分类Dev

具有绝对位置的Div位置不相等

来自分类Dev

如何在可滚动的div元素内使用CSS绝对位置

来自分类Dev

在所有div上方显示div(绝对位置)

来自分类Dev

垂直和水平在div中居中div,绝对位置

来自分类Dev

具有绝对位置的div中的中心块

来自分类Dev

单击旁边的绝对位置弹出 div