2列(1个静态和1个动态) - 如何进行动态列滚动?

时间:2010-11-23 05:39:32

标签: css

我右侧有静态左栏和右栏。问题是当我在右栏上有一个大图像并且滚动时,图像会移动到静态div上。

有没有办法这样当我横向滚动图像时,它会停在左边的div并在它越过静态div之前被切断?

body {
    height:100%;
}

#left {
    position:fixed;
    height:100%;
    width:200px;
    overflow:auto;
}

#right {
    margin-left:250px;
}

<div id="left">
  stuff here
</div>

<div id="right">
  <img src="http://www.superwasp.org/press_release2/millenium.jpg">
</div>

1 个答案:

答案 0 :(得分:3)

首先,它是'溢出'而不是'自动流'。修复该问题然后添加

overflow: scroll;

到正确的div。