<p>J'ai suivi quelques tutoriels pour créer un bouton de défilement flottant vers le haut basé sur CSS. Cependant, j'ai remarqué qu'il y avait un espace blanc supplémentaire sous le dernier élément HTML (par exemple la dernière ligne). La hauteur de l'espace blanc supplémentaire correspond à la hauteur de mon bouton (50px). </p> <p> J'ai également essayé d'ajouter une balise div supplémentaire pour entourer la balise div arrowUp, et l'espace a été réduit, mais il reste encore un espace blanc petit mais visible. </p> <p>Je me demandais s'il existait un moyen d'éviter l'espace blanc supplémentaire ? </p> <pre class="brush:css;toolbar:false;">#arrowUp { position : collante ; largeur : 50 px ; bas : 120 px ; arrière-plan : #699462 ; rayon de bordure : 10 px ; rapport hauteur/largeur : 1 ; marge gauche : auto ; marge droite : 20 px ; // marge inférieure : 150px ; } #arrowUp un { contenu: ""; position : absolue ; encart : 25 % ; transformation : translationY (20 %) rotation (-45 deg ); bordure supérieure : 5px solide #fff ; bordure droite : 5px solide #fff ; }</pré> <pre class="brush:html;toolbar:false;"><div> <p> Première ligne. </p> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <br /><br /><br /><br /> <p> </p> </div> <div id="arrowUp"> <a href="#"></a> </div></pré> <p><br /></p>