J'essaie de créer une liste de produits avec chaque produit défini comme div avec une position absolue (comme la page pinterest pins). Malheureusement, tous les produits se chevauchent.Éviter le chevauchement entre les éléments HTML qui ont une position absolue
Note: J'ajoute le produit en utilisant un thème WordPress, donc je ne peux pas ajouter de gauche et de position pour chaque div
Si vous utilisez la position absolue, à peu près en ajoutant haut et à gauche serait la solution . Est-il possible d'ajouter les coordonnées en haut à gauche via Javascript? Calcul de la largeur + une petite marge.
Dans tous les cas, pourquoi définiriez-vous la position absolue? Avez-vous une chance de le changer en relatif ou statique?
Voici la css utilisée: .default_product_display { position: absolue; border-color: # 7F7F7F; style bordure: pointillé; largeur de bordure: 1px; largeur: 225px; marge gauche: 36,1px; flotteur: gauche; marge inférieure: 30px; marge droite: 0; boîte-ombre: 1px 1px 5px lightgray; } Je ne peux pas utiliser la position relative, car chaque div a une largeur différente, et je ne veux pas que certains div affectent la rangée entière en dessous –
J'ai résolu cela en utilisant la fonction jQuery Maçonnerie, je ne savais pas que c'est déjà dans WordPress
S'il vous plaît partager votre code html et css. – Sachin
Pouvez-vous nous montrer votre code html/css/pertinent? C'est ainsi que le positionnement absolu est supposé fonctionner. Peut-être que vous voulez absolument positionner le conteneur. –
z-index? montre ton code. – sarink