如何在HTML和CSS中将元素固定到容器底部？
我正在尝试制作一个简单的公文包网站，每当我向下或向上浏览页面时，我希望在屏幕底部有两个标签。例如，如果我在页面顶部，它会显示我的名字和三个链接，关于我、我的工作和联系人。如果我点击“关于我”，它会将我导航到我所在的页面。然后这就是我需要帮助的地方，我希望我的工作和联系在底部，便于导航。几个小时来我一直在想这个问题，这就是为什么我现在在这里问一个问题。我是网络编程新手，请原谅。下面是我的一些相关代码 容器{ 填充顶部：100vh； 宽度：100%； 高度：100vh； 颜色：白色； } 货柜组{ 位置：相对位置； 宽度：100%； 身高：100%； } /*关于我、我的工作、联系人的每个独立链接的样式*/ 集装箱司{ 背景：白色； 颜色：黑色； 字体系列：Helvetica； 字体重量：较轻； 文本对齐：居中； 字号：21px； } 关于p{ 右：60%； 左：10%； 垫面：5%； } .动画按钮体跨度{ 光标：指针； 显示：内联块； 位置：相对位置； -webkit转换：0.5s； -o-转变：0.5s； 过渡：0.5s； } .动画按钮主体跨度：之后{ 内容：'\00bb'； 位置：绝对位置； 不透明度：0； 排名：0； 右：-20px； -webkit转换：0.5s； -o-转变：0.5s； 过渡：0.5s； } .动画按钮主体：悬停范围{ 右边填充：25px； } .animatedButtonBody:悬停范围：之后{ 不透明度：1； 右：0； } 关于我 这是一些文本将要用到的地方。如何在HTML和CSS中将元素固定到容器底部？,html,css,Html,Css,我正在尝试制作一个简单的公文包网站，每当我向下或向上浏览页面时，我希望在屏幕底部有两个标签。例如，如果我在页面顶部，它会显示我的名字和三个链接，关于我、我的工作和联系人。如果我点击“关于我”，它会将我导航到我所在的页面。然后这就是我需要帮助的地方，我希望我的工作和联系在底部，便于导航。几个小时来我一直在想这个问题，这就是为什么我现在在这里问一个问题。我是网络编程新手，请原谅。下面是我的一些相关代码 容器{ 填充顶部：100vh； 宽度：100%； 高度：100vh； 颜色：白色； } 货柜组{
没有测试，但你可以试试。您需要一个位置为：fixed的元素，这样在滚动时它将保持在屏幕上
<style>
.float-container {
position: absolute;
bottom: 0;
}
.about-me {
position:fixed;
}
</style>
<div class="float-container>
<div class="about-me">
<p>Some Content</p>
</div>
</div>
没有测试，但你可以试试。您需要一个位置为：fixed的元素，这样在滚动时它将保持在屏幕上
<style>
.float-container {
position: absolute;
bottom: 0;
}
.about-me {
position:fixed;
}
</style>
<div class="float-container>
<div class="about-me">
<p>Some Content</p>
</div>
</div>
} 你可以试试位置：固定。此外，您还应该整理html元素，将内容包装在div中，等等 例如： .导航{ 高度：60px； 背景颜色：灰色； } .内容{ 高度：500px； 背景颜色：浅绿色； } .页脚{ 高度：60px； 宽度：100%； 背景色：黑色； 位置：固定； 底部：0px； }
你可以试试位置：固定。此外，您还应该整理html元素，将内容包装在div中，等等 例如： .导航{ 高度：60px； 背景颜色：灰色； } .内容{ 高度：500px； 背景颜色：浅绿色； } .页脚{ 高度：60px； 宽度：100%； 背景色：黑色； 位置：固定； 底部：0px； }
我找到了问题的答案。这是我添加到标签中的内容 按钮1{ 位置：绝对位置； 底部：0； 转换：translateX-100% } 按钮2{ 位置：绝对位置； 底部：0； 转换：translateX0% }
我找到了问题的答案。这是我添加到标签中的内容 按钮1{ 位置：绝对位置； 底部：0； 转换：translateX-100% } 按钮2{ 位置：绝对位置； 底部：0； 转换：translateX0% }
请你澄清一下你在底部所说的是什么意思？可能是一个副本，如果我点击关于我的超链接，它会将我导航到关于我的信息所在的部分。然后我想在那一部分的底部有两个超链接，上面写着我的工作和联系方式。因此，在这一特定部分的底部。对未来的建议-请编辑您的代码，并包括重现问题所需的最低限度。在这个问题中，您实际上不需要像cursor:pointer这样的东西。这使问题更容易理解。请您澄清您在底部所说的是什么意思？可能是副本，如果我单击“关于我”超链接，它会将我导航到“关于我”信息所在的部分。然后我想在那一部分的底部有两个超链接，上面写着我的工作和
联系因此，在这一特定部分的底部。对未来的建议-请编辑您的代码，并包括重现问题所需的最低限度。在这个问题中，您实际上不需要像cursor:pointer这样的东西。它使问题更容易理解。我不希望滚动时它停留在屏幕上。我的一页上有三个不同的部分，关于我、联系人和我的工作。在“关于我”部分的底部将有两个超链接，用于联系和我的工作。然后在联系人部分的底部会有两个关于我和我的工作等的超链接…我不希望滚动时它停留在屏幕上。我的一页上有三个不同的部分，关于我、联系人和我的工作。在“关于我”部分的底部将有两个超链接，用于联系和我的工作。然后在联系人部分的底部会有两个关于我和我的工作等的超链接……我使用了position:absolute，但由于某种原因，它使我的两个标签重叠。你知道如何解决这个问题吗？你应该把它包装在一个div标签中，并使用position-absolute-on-div标签。我会尝试解决这个问题，但是当我添加DIV标签时，它把两个超链接放回了屏幕上使用的位置中间：绝对的，但是它使我的两个标签由于某种原因重叠。你知道如何解决这个问题吗？你应该把它包装在一个div标签中，并使用position-absolute-on-div标签。我会尝试解决这个问题，但是当我添加DIV标签时，它把两个超链接放回屏幕中间，你也可以用更好的HTML标签替换DIVS。检查它们也可以替换div以获得更好的html标记，比如。检查一下