如何使用CSS在屏幕底部对齐元素?

问题描述 投票:-1回答:2

我如何在窗口底部对齐元素(与屏幕大小无关),但是它保持在该位置,以便在减小窗口高度(当用户更改窗口大小时)时,它保持在该确切位置并在窗口中看不见?

我觉得这可能不仅仅需要CSS。如果可以的话,谁能指导我正确的方向?

html css position
2个回答
0
投票
<div style="position: fixed; bottom: 0px; left: calc(100vw / 2 - 200px); width: 400px; text-align: center; background-color: #ff0000;">Bottom center text<br />Hello center div</div>

0
投票
<style>
  .box {
    border: 1px solid gray;
    box-shadow: -9px -10px 10px -10px black;
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: 10vh;
    right: 10vw;
  }
</style>

<div class="box"></div>

© www.soinside.com 2019 - 2024. All rights reserved.