Question

我有一个高度为100%

的简单div

#stripe {
  height: 100%;
  width: 150px;
  background-color: red;
  position: absolute;
  left: 100px;
}

当我调整浏览器高度时，它总是按预期从上到下。问题是当身高由于其内容而滚动时，我向下滚动，div结束。

是否可以停止此行为，并且仅在使用css滚动时使div始终为height: 100%。

FIDDLE

Answer 1

将position: absolute;与<body>标记一起使用。 - DEMO

body {
    height: 1000px;
    position: absolute;
}

#stripe {
    height: 100%;
    width: 150px;
    background-color: red;
    position: absolute;
    left: 100px;
}

Answer 2

删除'position：absolute;'并更改position:relative

#stripe {
    height: 100%;
    width: 150px;
    background-color: red;
    left: 100px;
}

DEMO

Answer 3

删除position: absolute;并将left更改为margin-left

#stripe {
    height: 100%;
    width: 150px;
    background-color: red;
    margin-left: 100px;
}

滚动体上具有100％高度行为的div

3 个答案:

JS Fiddle Demo