10 articles recommandés sur les marges négatives

Il y a deux bordures avec des couleurs d'arrière-plan différentes. Quel que soit le côté le plus haut, l'autre côté deviendra également plus haut pour obtenir des effets de marge adaptatifs et plus négatifs. Pour les articles connexes, veuillez faire attention au site Web PHP chinois !

1. Effet de valeur négative de la marge

Introduction : .Il y a deux bordures avec des couleurs de fond différentes. Quel que soit le côté qui augmente en hauteur, l'autre côté devient également plus grand

2 Article CSS : technique de centrage des éléments de positionnement absolu<.>

Introduction : Généralement, centrez l'élément en position absolue, gauche : 50 % ; haut : 50 % puis ; Des valeurs de marge négatives ou une transformation peuvent également produire cet effet. J'ai trouvé une autre astuce aujourd'hui. Utilisez top, left, right, bottom pour définir la valeur sur 0, puis magin:auto pour réaliser le centrage. Raison :

3. Parlez brièvement du rôle de la marge négative

Introduction : Nous utilisons tous la marge en CSS, mais définir la marge sur un nombre négatif peut ne pas être facile à gérer. Les valeurs de marge négatives ne sont pas un hack. Les valeurs de marge négatives suivent le flux du document ; si vous utilisez des valeurs de marge négatives Si un élément est déplacé vers le haut, les éléments associés seront également déplacés en conséquence, les valeurs de marge négatives sont bien compatibles avec différents navigateurs ;

4. Compréhension approfondie des valeurs de marge négatives dans CSS_html/css_WEB-ITnose

Introduction : Compréhension approfondie des valeurs de marge négatives en CSS

5 Compréhension approfondie des valeurs de marge négatives en CSS - L'idéal bleu des petites correspondances .

Introduction : Compréhension approfondie des valeurs de marge négatives en CSS - L'idéal bleu des petites correspondances

[Recommandations de questions-réponses associées] :

javascript - Float + pourcentage peut-il être utilisé dans une mise en page à trois colonnes ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!