pseudo élément n'est pas assis à l'extérieur de div avec trop-plein caché
j'ai un div avec overflow-y: hidden; et un pseudo élément à droite des boutons que j'ai envie de position en dehors de la div, mais il ne fonctionnera pas. ici, c'est le violon http://jsfiddle.net/PAdSd/1/.
Mais si je donne la div aucun débordement, il va s'asseoir sur le div de l'amende. Ici, c'est que le violon http://jsfiddle.net/PAdSd/2/.
Toute aide serait merveilleux
Vous devez vous connecter pour publier un commentaire.
Supprimer
position: relative
de.nav
. Vous pouvez voir les résultats dans cette jsfiddle.Un problème similaire m'avait frapper ma tête contre le mur pendant des jours. D'essai et d'erreur et de hasard pur produit de la solution. Pas sûr au sujet de la compatibilité du navigateur, mais il fonctionne dans chrome et firefox (aussi longtemps que vous le préfixe de vos propriétés css3 avec
-moz
)..nav
dans un div avecposition:relative
que vous pouvez voir ici. C'est un peu div soupish, mais c'est le mieux que je peut venir avec.Il est caché, parce que c'est ce que vous lui avez dit de faire.
http://jsfiddle.net/PAdSd/3/
Si vous ne voulez pas caché, mais encore envie de débordement caché, alors vous aurez besoin pour le repositionner plus élevé.
.nav:after
sera de mettre du contenu à la fin, mais à l'intérieur de la balise nav.Vous pouvez la placer plus haut en réglant le haut css valeur.
Ou vous pourriez vouloir utiliser le corps:après au lieu de cela, parce qu'il ne sonne pas comme vous le voulez vraiment à l'intérieur de la barre de navigation.
Voici une autre façon de résoudre ce problème (particulièrement utile lorsque vous ne pouvez pas supprimer position:relative raison de dire, en utilisant height:100%; sur le pseudo-élément):
Pour rendre le contenu visible, ajouter le remplissage vers le bas, dire 10px;
Ensuite, pour supprimer les paddings effet pour les autres éléments, utiliser margin-bottom:-10px;
Donc: