Titre réécrit en : utilisez z-index pour afficher le texte en survol avec CSS, provoquant le déplacement de div
<p>Lorsque je survole le premier div pour afficher le texte intégral, la position du deuxième div change pour qu'elle soit derrière le premier div. Je veux que le deuxième div reste en place et que le texte du premier div le couvre. </p>
<p><strong>Démo : </strong>https://codepen.io/adivity/pen/OJEzoPm</p>
<pre class="brush:php;toolbar:false;"><html>
<corps>
<div class="conteneur">
<div>1) C'est le titre complet que je souhaite afficher. C'est très long et couvrira complètement la prochaine division.
</div>
<div>2) C'est le titre complet que je souhaite afficher. C'est très long et couvrira complètement la prochaine division.
</div>
<div>3) C'est le titre complet que je souhaite afficher. C'est très long et couvrira complètement la prochaine division.
</div>
</div>
</corps>
</html></pre>
<pre class="brush:php;toolbar:false;">.container {
largeur maximale : 100 px ;
marge : 0 automatique ;
}
.conteneur div {
hauteur : 80px ;
couleur de fond : gris ;
}
.conteneur div {
espace blanc : nowrap ;
débordement caché;
débordement de texte : points de suspension ;
}
.container div: survol {
débordement : visible ;
espace blanc : normal ;
indice z : 2 ;
largeur maximale : 100 px ;
}</pre></p>
