La différence entre le positionnement statique et le positionnement relatif

En CSS, quelle est la différence entre le positionnement statique (par défaut) et le positionnement relatif ?

P粉316423089 2023-08-22 19:33:59 0  2  637

Pourquoi les pseudo-éléments :before et :after ont-ils besoin d'un attribut 'content' ?

Dans le scénario donné, pourquoi le sélecteur :after a-t-il besoin d'un attribut de contenu pour fonctionner ? .test{largeur:20px;hauteur:20px;arrière-plan:bleu;position:relative;}.test:après{largeur:20px;hauteur:20px;arrière-plan:rouge;affichage:bloc;position:absolue;haut:0px;gauche :20

P粉653045807 2023-07-17 18:43:31 0  2  539

Comment puis-je faire en sorte que le lien couvre toute l'image ?

Je veux que le lien couvre toutes les images, pas seulement au centre mais aussi lorsque vous survolez l'image. .moduledata{position:relative;width:auto;margin:0px!important;max-width:380px;}.moduledata>h5{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);}.m

P粉481815897 2024-04-02 20:45:43 0  1  508

Qu'est-ce qu'un serveur DNS ?

DNS (Domain Name Server) est un serveur qui convertit les noms de domaine et les adresses IP correspondantes. DNS stocke une table de noms de domaine et d'adresses IP correspondantes pour résoudre les noms de domaine des messages. Un nom de domaine est le nom d'un ordinateur ou d'un groupe d'ordinat...

Crazy 2021-10-19 11:42:15 0  6  2619

Besoin d'aide pour positionner fpdf

Je suis nouveau sur fpdfcell et multicell et j'ai besoin d'aide avec mon code. Voici le code que j'ai écrit : $pdf->Cell(60,6,'MAILINGADDRESS','L,R',0);$pdf->Multicell(65,5,$puchaser1[0]["address"] ,1);$pdf->Cell(60,11,$puchaser2[0]["adresse&qu

P粉619896145 2023-09-09 17:54:44 0  1  650

Comment obtenir un chevauchement et la même taille d'images/divs frères et sœurs dans l'élément parent avec remplissage

Je veux un div qui couvre l'image. Je peux faire en sorte que le div couvre l'image en utilisant position:relative dans l'élément parent et position:absolute dans le div, mais la couleur d'arrière-plan remplit le remplissage de l'élément parent, ce qui l'empêche de se couvrir correctement. Vous trou...

P粉554842091 2023-09-12 10:49:55 0  2  558

Alignez les éléments à gauche et au centre à l'aide de Flexbox

J'utilise Flexbox pour aligner mes éléments enfants. Ce que je veux faire, c'est centrer un élément et aligner l'autre élément vers la gauche. Normalement, j'utiliserais margin-right:auto pour définir l'élément gauche. Le problème est d'éloigner l'élément central du centre. Est-ce possible sans util...

P粉545682500 2023-08-27 21:54:23 0  2  565

CSS : modifier l'espacement entre les éléments de la liste

J'ai essayé d'éditer le CSS de la liste mais je n'ai pas trouvé comment accéder correctement aux lignes et ajuster la hauteur entre les éléments de la liste. Lien vers le site : https://denkimedia.com/prod/K2211001/test/ Le menu s'ouvre mais je ne sais pas comment fixer la taille entre les éléments ...

P粉436410586 2024-04-02 15:46:38 0  1  446

Une méthode pour restituer dynamiquement des secteurs circulaires sans utiliser de canevas HTML5

Je fabrique une roue de fortune et je dois créer une roue ou un cercle en fonction du nombre de secteurs et la remplir de noms de prix. J'ai complété le code d'un cercle avec un nombre fixe de secteurs. Voici un exemple de cercle contenant 6 secteurs. .wheel_container{position:relative;--wheel-size:...

P粉731861241 2023-09-02 10:43:07 0  1  546

Le contrôle de l'élément vidéo HTML ne s'affiche pas

J'ai créé un élément vidéo et défini l'attribut Controls sur True, mais les contrôles ne s'affichent pas (même en survol) if(!this._player){this._player=document.createElement('video');}this._player. CONTROLS=true;this._player.src=xxxxx;Définissez également la largeur de l'élément vidéo à 100 % et l...

P粉788765679 2023-08-18 12:54:43 0  1  599

Comment laisser suffisamment d'espace pour aligner les éléments avec l'espace de manière uniforme et :après ?

J'utilise le pseudo-élément :after pour aligner la dernière ligne de la liste de blocage à gauche. J'utilise l'espace de manière uniforme pour justifier ces blocs. Mon problème est que le bloc de la dernière ligne n'est pas aligné sur l'utilisateur car :after prend de la place. Comment puis-je résou...

P粉129168206 2023-09-12 20:16:59 0  2  554

Recadrez et déplacez les images. disposition de la grille

J'ai du mal à placer l'image dans la bonne position et à la recadrer en haut et en bas. Voici à quoi cela devrait ressembler (partie héros) : https://www.behance.net/gallery/161732057/CozyMornings-online-store L'ensemble du projet est construit sur une grille. J'ai besoin d'une image circulaire dépl...

P粉548512637 2023-09-15 19:18:46 0  1  603

"Bootstrap 5 - Eléments d'alignement des marges à l'intérieur et à l'extérieur de l'accordéon"

J'essaie d'aligner trois grilles Bootstrap5 : Titre en dehors de l'accordéon Présentation dans le titre de l'accordéon Détails dans le contenu de l'accordéon Le titre de l'accordéon a des marges/remplissages gauche et droit, et l'icône de l'accordéon prend également de la place. Je souhaite que la g...

P粉834840856 2023-08-31 12:54:27 0  1  589

html - problème thinkphp3.2.3+mysql

Le front-end est conçu comme ceci. Cliquez ensuite pour ajouter un résumé et il y aura une ligne supplémentaire. Si cela continue, vous pouvez avoir autant de lignes que vous le souhaitez. Comment puis-je résoudre ce problème d'insertion dans la base de données à l'aide de thinkphp ? Parce que cela ...

漂亮男人 2017-05-24 11:33:35 0  4  614

CSS - déplacement du point d'ancrage display:flex et position:absolute

J'ai un élément Flex et trois éléments enfants. Le deuxième enfant doit chevaucher le premier enfant en utilisant un positionnement absolu, comme ceci : Attendu : notez que le deuxième enfant doit être au-dessus du premier enfant, pas à côté de lui. Cependant, définir display:flex sur le parent semb...

P粉252116587 2024-03-29 23:51:55 0  2  508

javascript - Problèmes de positionnement des entrées dans le front-end js de l'applet WeChat

1. J'ai écrit une applet WeChat, un jeu de Sudoku, pour déterminer s'il répond aux exigences (règles du Sudoku) en fonction du numéro saisi. Cependant, j'ai rencontré un problème, comment trouver la position du numéro saisi par l'utilisateur, car. le numéro doit être converti en fonction de la posit...

天蓬老师 2017-05-19 10:11:40 0  3  744

Comment utiliser JDBC en Java pour implémenter des mises à jour continues du serveur de base de données sans augmenter la consommation de RAM

J'écris un jeu de combat en JavaFX, en utilisant JDBC pour mettre à jour les informations dans une base de données MySQL. La plupart des tâches qui obtiennent des informations de base du serveur de base de données fonctionnent correctement si elles ne sont pas répétées de manière continue. Le problè...

P粉323224129 2023-09-07 20:10:29 0  1  797

Pourquoi mon effet de dégradé ne s'estompe-t-il pas sur les bords de l'image ?

Je veux que les bords de l'image soient flous, ou du moins s'estompent vaguement. Rien de ce que j'ai essayé ne fonctionne et j'ai examiné toutes les questions sur Stackoverflow. J'utilise CSS, pas Sass. Pour compliquer le problème, j'ai une image de fond sur la page et je la recouvre d'un masque bl...

P粉317679342 2023-09-09 23:34:16 0  1  540

Impossible de faire défiler jusqu'à la partie de débordement de l'élément au-dessus de la page

Si je redimensionne la page, les éléments débordent au-dessus de la fenêtre et je ne peux pas faire défiler vers le haut pour les voir. J'ai trouvé une question avec une solution mais cela n'a pas fonctionné. J'ai deux divs invisibles "de base" et un élément div qui contient tout le conten...

P粉041881924 2023-08-30 21:41:10 0  2  594

Comment puis-je déclencher un événement de clic lorsque je clique sur un bouton affiché en dehors de l'élément de dialogue ?

J'utilise un élément de dialogue HTML natif comme modal dans mon application Vue3 et j'ai réussi à afficher un bouton sur le côté/à l'extérieur du modal en utilisant le positionnement absolu. Cependant, en raison de la nature des éléments de dialogue et de la manière dont ils sont placés au niveau s...

P粉116654495 2023-08-31 23:33:50 0  1  592