Html 将元件放置在div的底部

有人知道如何将页脚粘贴到div的底部，比如

位置：fixed

元素吗。我找到的所有方法都将其粘贴在起始视图的底部或底部，因此您必须向下滚动才能看到它们

我曾尝试将父对象设置为

位置：相对
，子对象设置为
位置：绝对
，并使用
显示：表格单元格
和
垂直对齐：底部
，但在滚动时都没有将其固定到位，相反，它们在div的底部或默认视图的底部保持静态


.a{
位置：相对位置；
背景色：#ccc；
宽度：500px；
最小高度：150px；
最大高度：150像素；
溢出y：滚动；
浮动：左；
填充：8px；
}
.页脚{
位置：绝对位置；
底部：0；
左：0；
宽度：100%；
背景色：#666；
颜色：#fff；
}

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容

一些文本
这里的问题是，您不能在元素上使用
位置：fixed
（仅适用于），但您希望
页脚
元素相对于其父元素位于
fixed
位置

您可以通过包装可滚动的
div
并将
footer
设置到
wrap
元素的底部来实现这一点。由于
换行
不会滚动（其中的元素会滚动），因此滚动时
页脚
不会移动

看这个


html，正文{
保证金：0；
填充：0；
}
.包裹{
背景色：#ccc；
位置：相对位置；
}
.a{
高度：150像素；
溢出y：滚动；
}
.b{
边缘顶部：300px；
垫底：20px；
}
.页脚{
位置：绝对位置；
底部：0；
左：0；
背景色：#666；
颜色：#fff；
宽度：100%；
}

顶部
底部
一些文本
你真的不能，这不是你想要的方式，你需要使用jquery来继续移动位置

你能做的，这是最简单的解决方案，是用一个容器包装整个区域

.outer {
    position:relative;
    width:500px;
}

.a{
  background-color:#ccc;
  min-height: 150px;
  max-height: 150px;
  overflow-y: scroll;
  padding:8px;
}

.footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background-color:#666;
  color:#fff;
}




一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容

一些文本
是否可能重复，答案不会显示将项目锁定在divIt类的底部。这确实是唯一有效的方法，我不认为这是重复的；这是相关的，但是OP的问题更具体一些，因为他的元素
溢出：scroll
。另外，解决方案也不同。正在尝试修改我的标记和样式以允许这样做。我尝试的第一件事就是这样，但我无法将页脚移出a而不破坏大量的样式。
  <div class="outer">
    <div class="a">
       Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
    </div>
    <div class="footer">Some text</div>
  </div>