使用CSS将文本粘贴到HTML DIV的底部

希望这就是你要找的。

   .navBar {
      height: 100px;
      background-color: blue;
    }

    .div1 {
      position: relative;
      height: 200px;
    }

    .div1 .box {
        position: absolute;
        bottom: 40px;;
        right: 40px;;
        width: 200px;
        height: 40px;
        background-color: red;
    }

    .div2 {
      height: 100px;
      background: green;
    }

    <div class="main-container">
      <div class="navBar"></div>
      <div class="div1"><div class="box"></div></div>
      <div class="div2"></div>
    </div>

你要找的是: position:absolute; bottom:0; right:0; 它将相对于定位的父元素定位事物。请注意,父元素(DIV)也需要设置其位置。大多数人都这样 position:relative; 价值观 bottom:0 和 right:0 表示将其从父级底部移开0像素,从父级右侧移开0像素。 更多信息请参见以下W3学校:

1. https://www.w3schools.com/css/css_positioning.asp
2. https://www.w3schools.com/css/tryit.asp?filename=trycss_position_absolute