Question

我试图在页面的左下角保留一个元素，但是，如果它太靠近页面的顶部，它应该保持不变（这样用户仍然可以向下滚动以查看它）。 / p>

我试过了：

.howitworks {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 24px;
    margin-top: 500px;
}

我原本希望设置margin-top会有所帮助，但它仍然允许元素粉碎到页面顶部。

我如何实现我想要的行为？

Answer 1

由于你绝对定位它，你可以这样做：

给身体和html一个最小高度，比如说600px，然后给它们相对定位：

html, body
{
    min-height: 600px;
    height: 100%;
    position: relative;
}

然后你的元素将始终至少600px页面，只要它唯一的亲属是<body>。

JSFiddle

这是有效的，因为您现在正在分配相对于页面而不是浏览器窗口的位置，因此，由于主体高度必须至少为600px，因此该元素将始终位于body元素的底部。 / p>