Question

我有100％高度的容器，我想从底部对齐10％的按钮，仍然允许按钮滚动。

这是我迄今为止的一个小提琴：http://jsfiddle.net/e7cc9qq7/8/

这里是按钮的css

#button {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 3px;
  bottom:10%;
  position:fixed;
  background:red;
}

Answer 1

您想在按钮上使用position: absolute，而不是position: fixed。并确保父容器具有position: relative

#test1 {
    height: calc(100% - 60px);
    background:pink;
    position: relative;
}
#button {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 3px;
    bottom:10%;
    position: absolute;
    background:red;
}

<强> FIDDLE

将div固定到100％容器的底部，并允许while容器滚动

1 个答案: