javascript - Comment utiliser CSS pour toujours fixer une petite boîte au bas d'une grande boîte et que la hauteur de la grande boîte est de 100%, donnez-moi quelques conseils.

Question

![Téléchargement de l'image...]

漂亮男人 · Answer

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

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

三叔 · Answer

Voyons si j’ai mal compris ce que vous vouliez dire ;

 //大容器100%
    

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

    //我是滚动条

Ici, vous pouvez rendre la hauteur du wrapper et du contenu identique, c'est-à-dire que la position est relative, utilisez float ici lors de l'actualisation, puis définissez la largeur et la hauteur. Étant donné que l'actualisation a été séparée du flux de documents, elle n'affectera pas la hauteur du wrapper et le conteneur est défini sur overflow: caché. Lorsque vous le tirez trop loin, l'actualisation apparaîtra naturellement. Je ne sais pas si cela fonctionnera.

ringa_lee · Answer

La chose la plus stupide est d'utiliser position:absolute pour réaliser :

*Il est à noter que la position de la grande boîte doit également être définie. Seule la position de la petite boîte saura avec qui comparer. Si le nœud parent ne trouve pas la position, il continuera à chercher vers le haut jusqu'à ce qu'il trouve. le nœud DOM avec position

女神的闺蜜爱上我 · Answer

Hauteur fixe + marge négative

阿神 · Answer

Un grand p est positionné de manière absolue, un petit p est positionné de manière relative et le bas est 0. N'est-ce pas ok