下面是一个示例,展示了如何使用 CSS 让底部靠下:
“`html
<div>
这是一个底部元素。
</div>
<div>
这是一个底部元素,比第一个底部元素更靠下。
</div>
在这个示例中,第一个元素被设置 `bottom` 属性为 `0`,第二个元素被设置 `bottom` 属性为 `200px`,第三个元素被设置 `bottom` 属性为 `document.height`,其中 `document.height` 是页面的实际高度。这些元素的 `bottom` 属性都设置为实际高度,这意味着它们将定位到页面的最底部,也就是底部靠下。
需要注意的是,如果容器元素的 `bottom` 属性被设置为 `0`,元素将不会超出容器的范围。因此,如果需要让底部靠下并超出容器范围,可以将 `bottom` 属性设置为 `-200px`。例如:
“`html
<div>
这是一个底部元素,比第一个底部元素更靠下。
</div>
这将让第二个元素超出容器范围,但仍在容器中。