recherche
Maisoninterface Webtutoriel HTMLUne petite introduction à l'utilisation de la position dans la production de pages html_HTML/Xhtml_Web

Je viens d'apprendre du contenu HTML hier et j'avais hâte de créer une barre de recherche sur JD.com. Je l'ai finalement fait, mais lorsque j'ai effectué le paiement du panier, un numéro était affiché dessus et je l'ai fait. Je ne sais pas comment l'ajouter. Si vous souhaitez que les nombres se déplacent avec le panier, vous devez les positionner ensemble. Tout d'abord, définissez la position du div des nombres sur absolue, ce qui lui donne une couche. ressentez, car à ce moment-là, la balise parent de la position numérique est le corps, donc lors du réglage en haut et à gauche, vous pouvez également la définir sur la position souhaitée du panier. Cependant, si vous modifiez la marge du panier, la. deux ne peuvent pas bouger ensemble, vous définissez donc la position du panier. Devenez relatif, de sorte que l'étiquette parent de la position du numéro devienne le panier. Quelle que soit la façon dont la marge du panier est ajustée, les numéros se déplaceront. avec lui....

Copiez le code
Le code est le suivant :



day03.html <br><style type="text/css"> pour la position*/ <br />#car{ <br />width:150px;height:30px; <br />background: #999999;color:white;text-align: center; ;marge : 232px 300px; <br />bordure:1px noir uni;position: relative; <br />#num{ <br />largeur:20px;hauteur:20px;arrière-plan: rouge; ;text-aligh:center; <br />hauteur de ligne:20px;position: absolue <br /> top:-15px;left:25px; head> <br /><body> <br /><div id="car"> <br />Aller au panier pour payer<br /><div id="num">0</style>
🎜>




Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Quelle est la balise racine dans un document HTML?Quelle est la balise racine dans un document HTML?Apr 29, 2025 am 12:10 AM

Theroottaginanhtmldocumentalis.itSercesasthetop-lelement thatchicapsulatel alothercontent, assurant des produits de base de la propriété.

Les étiquettes et les éléments HTML sont-ils la même chose?Les étiquettes et les éléments HTML sont-ils la même chose?Apr 28, 2025 pm 05:44 PM

L'article explique que les balises HTML sont des marqueurs de syntaxe utilisés pour définir les éléments, tandis que les éléments sont des unités complètes, y compris des balises et du contenu. Ils travaillent ensemble pour structurer les pages Web. Counomage de Character: 159

Quelle est la signification de & lt; head & gt; et & lt; body & gt; Tag dans HTML?Quelle est la signification de & lt; head & gt; et & lt; body & gt; Tag dans HTML?Apr 28, 2025 pm 05:43 PM

L'article traite des rôles de & lt; Head & gt; et & lt; body & gt; Tags dans HTML, leur impact sur l'expérience utilisateur et les implications SEO. Une bonne structuration améliore la fonctionnalité du site Web et l'optimisation des moteurs de recherche.

Quelle est la différence entre & lt; Strong & gt;, & lt; b & gt; Tags et & lt; em & gt;, & lt; i & gt; Tags?Quelle est la différence entre & lt; Strong & gt;, & lt; b & gt; Tags et & lt; em & gt;, & lt; i & gt; Tags?Apr 28, 2025 pm 05:42 PM

L'article traite des différences entre les balises HTML ,,, et se concentrant sur leurs utilisations sémantiques et présentatrices et leur impact sur le référencement et l'accessibilité.

Veuillez expliquer comment indiquer le jeu de caractères utilisé par un document en HTML?Veuillez expliquer comment indiquer le jeu de caractères utilisé par un document en HTML?Apr 28, 2025 pm 05:41 PM

L'article discute de la spécification du codage des caractères dans HTML, en se concentrant sur l'UTF-8. Problème principal: assurer un affichage correct du texte, prévenir les caractères brouillés et améliorer le référencement et l'accessibilité.

Quelles sont les différentes balises de formatage dans HTML?Quelles sont les différentes balises de formatage dans HTML?Apr 28, 2025 pm 05:39 PM

L'article traite de diverses balises de formatage HTML utilisées pour structurer et styliser le contenu Web, mettant l'accent sur leurs effets sur l'apparence du texte et l'importance des balises sémantiques pour l'accessibilité et le référencement.

Quelle est la différence entre l'attribut «ID» et l'attribut «classe» des éléments HTML?Quelle est la différence entre l'attribut «ID» et l'attribut «classe» des éléments HTML?Apr 28, 2025 pm 05:39 PM

L'article traite des différences entre les attributs «ID» et «classe» de HTML, en se concentrant sur leur caractère unique, leur but, leur syntaxe CSS et leur spécificité. Il explique comment leur utilisation a un impact sur le style et les fonctionnalités de la page Web et fournit les meilleures pratiques pour

Quel est l'attribut «classe» dans HTML?Quel est l'attribut «classe» dans HTML?Apr 28, 2025 pm 05:37 PM

L'article explique le rôle de l'attribut HTML «classe» dans le regroupement des éléments pour le style et la manipulation JavaScript, en le contrastant avec l'attribut «ID» unique.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

SublimeText3 version anglaise

SublimeText3 version anglaise

Recommandé : version Win, prend en charge les invites de code !

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire