HTML/CSS使div捕捉到windows'；水底

我有这个部门：

<style>
#asd{
    height:auto;
width:1024px;
margin-left:auto;
margin-right:auto;
background-color:#093;
}

</style>

#自闭症{
高度：自动；
宽度：1024px；
左边距：自动；
右边距：自动；
背景色：#093；
}

我想让这个div的底部一直延伸到窗口的底部，不管窗口的当前大小如何

到目前为止，我尝试添加到#asd的css中，但没有得到预期的结果： 边缘底部：0px； 或 身高：100%； 或 底部：0px

有什么建议吗？

添加

position:absolute;
bottom:0;

给你们班

#asd{
  height:auto;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
  background-color:#093;
  position:absolute;
  bottom:0;
}

加

给你们班

#asd{
  height:auto;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
  background-color:#093;
  position:absolute;
  bottom:0;
}

---

您需要的是

position:fixed

如果您使用fixed，则需要告诉它要修复的位置：

#asd{
    height:auto;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
    position: fixed;
    bottom: 0;
}    

---

因此，要告诉它位于您使用的页面底部，您将需要

位置：fixed

，如果您使用fixed，则需要告诉它修复位置：

#asd{
    height:auto;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
    position: fixed;
    bottom: 0;
}    

---

因此，要让它位于您使用的页面底部，请尝试将

最小高度设置为100%：

<style>
#asd{
    min-height:100%;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
}

</style>


#自闭症{
最小高度：100%；
宽度：1024px；
左边距：自动；
右边距：自动；
背景色：#093；
}
尝试将
最小高度设置为100%：

<style>
#asd{
    min-height:100%;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
}

</style>


#自闭症{
最小高度：100%；
宽度：1024px；
左边距：自动；
右边距：自动；
背景色：#093；
}
确保在主体上设置100%的高度和宽度，html元素如下：

body, html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

然后在ASD元素上使用最小和最大高度：

#asd{
    height:100%;
    min-height: 100%:
    max-height: 100%;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
}

确保在主体上设置100%的高度和宽度，html元素如下：

body, html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

然后在ASD元素上使用最小和最大高度：

#asd{
    height:100%;
    min-height: 100%:
    max-height: 100%;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    background-color:#093;
}

显然，CSS和Perl、TMTOWTDI（有不止一种方法）显然，CSS和Perl、TMTOWTDI（有不止一种方法）很好地抓住了包含元素的Body和Html！你的问题是模糊的，这就是为什么你在不同的情况下得到多个答案。通过“希望它到达底部”，你希望盒子始终保持100%的高度，还是希望它固定在底部？杰西，我曾经遇到过各种没有标签的问题。大多数框架（normalize等）已经包含了它们，但我假设他没有使用其中的任何一个！你的问题是模糊的，这就是为什么你在不同的情况下得到多个答案。通过“希望它到达底部”，你希望盒子始终保持100%的高度，还是希望它固定在底部？杰西，我曾经遇到过各种没有标签的问题。大多数框架（规范化等）已经包含了这些元素，但我假设他没有使用其中任何一个。我将高度改为最小高度。但现在元素将是整个页面的高度。。。这意味着你只能点击这个div，而页面中没有任何内容。。。除非我弄错了。在这里试试：只需将最小高度设置为100%，而不是100px。它将占据其父容器的100%。正如Mike Legacy所指出的，让所有包含它的容器都占100%就完成了。我想你没有领会我的意思。我毫不怀疑它会起作用，但它会有不想要的副作用。。。或者我错了div保持不变，没有任何变化我改变了最小高度的高度。但是现在元素将是整个页面的高度。。。这意味着你只能点击这个div，而页面中没有任何内容。。。除非我弄错了。在这里试试：只需将最小高度设置为100%，而不是100px。它将占据其父容器的100%。正如Mike Legacy所指出的，让所有包含它的容器都占100%就完成了。我想你没有领会我的意思。我毫不怀疑它会起作用，但它会有不想要的副作用。。。或者我错了div保持不变，什么都没有改变我的问题是：div不会再停留在中间我不明白。。。你想要它在中间还是在底部？div的底部应该一直接触窗户的底部。它的X坐标应该保持在中间。希望它有意义你说它目前没有水平居中吗？添加左：0；右：0；同学们，看这里：我的问题是：div不再停留在中间我不明白。。。你想要它在中间还是在底部？div的底部应该一直接触窗户的底部。它的X坐标应该保持在中间。希望它有意义你说它目前没有水平居中吗？添加左：0；右：0；对于您的班级，请参见此处：