javascript - How to use css to always fix a small box to the bottom of a large box, and the height of the large box is 100%, please give me some advice.

Question

![Picture uploading...]

漂亮男人 · Answer

.box {
    position: absolute;
    top: 0;
    left: 0;
}

/* 或者 */
.wrapper {
    display: flex;
    align-items: flex-end;
}

三叔 · Answer

Let’s see if I guessed what you meant wrong;

 //大容器100%
    

        
//内容区域
         //小盒子显示的上拉状态
     //滚动区域
    
        

    //我是滚动条

Here you can make the height of wrapper and content the same, that is, the position is relative, use float here in refresh, and then set the width and height. Because refresh has been separated from the document flow, it will not affect the height of the wrapper, and the container is set to overflow: hidden. When you pull it up too far, refresh will come up naturally. I don't know if this will work.

ringa_lee · Answer

The most brainless thing is to use position:absolute to achieve:

*It should be noted that the big box also needs to set the position. Only the position of the small box will know who to compare with. If the parent node cannot find the position, it will continue to search upward until it finds the DOM node with the position

女神的闺蜜爱上我 · Answer

Fixed height + negative margin

阿神 · Answer

A large p is positioned absolutely, a small p is positioned relatively, and the bottom is 0. Isn’t it ok