Je configurais une seule page HTML, dans laquelle le contenu change de manière dynamique sur la base des appels API.Depending sur la longueur du contenu, presque chaque fois qu'un nouvel appel de l'API est effectué, l'ensemble du CSS ne fonctionne plus et DIVS commence à se chevauchent. Y a-t-il de toute façon position pour positionner les éléments de manière dynamique sur la base de la position de l'élément précédent?
La structure du code est quelque chose comme ceci: CSS: < Pré> xxx Je serais très reconnaissant si quelqu'un connaît une solution!
3 Réponses :
Vous pouvez ajouter top: 0; code> dans l'exemple de div ensemble Ajouter TOP: 0; Code> dans Div1 .div1 {
width: 80%;
position: absolute;
background:black;
top:0;
}
Basé sur votre description, on dirait que vous ne devez pas utiliser Position: absolu . Le positionnement de l'élément par défaut est statique qui positionnera les éléments du flux de document normal, de sorte que votre .div2 suivra votre .div1 (même lorsque la longueur de votre contenu dynamique change). Essayez de supprimer toutes les lignes de la position de votre CSS pour voir ce que je veux dire.
Merci! Je viens de changer .Container à position: absolu et .Div1 & .div2 à à Position: relatif et il a réparé!
Vous devez utiliser n'importe quel système de grille qui contrôlent les modifications dynamiques des modifications de vos pages Web. https://getbootstrap.com/docs/4.2/layout/grid/ Essaye ça. Cela rendra votre page Web réactive.