/* HTML结构 */ <div class="container"> <div class="content"> <p>这是你要放置的内容吗?</p> </div> </div> /* CSS代码 */ .container { position: relative; min-height: 100vh; } .content { position: absolute; bottom: 0; width: 100%; }
首先,大家需要在 HTML 结构中创建一个容器元素和它的内容元素。容器元素需要设定高度为窗口的 100%。
然后在 CSS 中可以对容器元素设置属性 position: relative,这样内容元素的 position: absolute 将以它的容器元素为基准。
接着,对内容元素设置 bottom: 0 将使它贴在容器元素的底部。width: 100% 则是为了让元素占满整个容器宽度。
这样,大家就成功地将元素位置调整到了最底部。