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  550

Problèmes de positionnement des éléments enfants

.left{ position : absolue ; gauche : 0 ; largeur : 200 px ; hauteur : 600 px ; couleur d'arrière-plan : #f03333 ; } .right{ position : absolue ; à droite : 0 ; largeur : 750 px ; hauteur : 600 px ; fond-colo

张 2018-03-24 21:47:26 0  1  1491

Position absolue mais relative au parent

J'ai deux divs dans un autre div et je souhaite utiliser CSS pour positionner un div enfant dans le coin supérieur droit du div parent et l'autre div enfant en bas du div parent. C'est-à-dire que je souhaite utiliser le positionnement absolu pour les deux div enfants, mais les positionner par rappor...

P粉395056196 2023-10-11 12:04:14 0  2  719

javascript - Comment faire défiler un div local dans jq?

<style>.top , .bottom{hauteur:130px;background:#000;} .center{hauteur:400px;overflow:hidden;position:relative;}.center .box{largeur:100%;hauteur:100% ;position:absolue;}.center .box ul{overfl

phpcn_u1582 2017-05-24 11:36:08 0  3  786

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  570

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  561

javascript - Problème de hiérarchie de positionnement sous IE

J'ai une boîte dans la couche externe qui utilise un positionnement fixe et un positionnement absolu dans la couche interne. Ensuite, je donne un événement de clic à la boîte interne, mais on ne peut pas cliquer sur elle dans IE9. Pourquoi ? C'est la boîte fixe extérieure : C'est la boîte absolue in...

曾经蜡笔没有小新 2017-06-29 10:10:04 0  1  937

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  684

Animation de chemin jaune-svg

.arrow{largeur : 45 px ; hauteur : 25 px ; chemin du clip : polygone (0 %, 20 %, 60 %, 20 %, 60 %, 100 %, 50 %, 60 %, 100 %, 60 %,80%,0%,80%);Arrière-plan:Vert;Position:Absolu;:0;Gauche:0;offset-path:path("M3042C30493041630423C30427.727430631.294730636C30641.730530847.423430

P粉021708275 2023-08-02 19:05:54 0  1  727

Rendre le menu déroulant à plusieurs niveaux

J'ai un menu déroulant qui ressemble à ceci : .dropdown{display:inline-block;position:relative;}.dropdownbutton>a{display:block;color:#000000;text-decoration:none;}.dropdown-content{ affichage : aucun ; position : absolue ; largeur : automatique ; overf

P粉107772015 2024-01-10 18:02:08 0  2  508

Positionnement absolu et masquage du débordement

Nous avons deux DIV, l’un imbriqué dans l’autre. Si le DIV externe n’est pas défini pour être en position absolue, alors le DIV interne en position absolue ne respectera pas le masquage de débordement du DIV externe. #first{largeur:200px;hauteur:200px;background-color:green;overflow:hidden;}#second{...

P粉451614834 2023-08-21 19:30:21 0  2  467

javascript - Comment faire bouillonner l'événement mouseOut dans vue.js.

J'ai ajouté un événement mouseout à la boîte parent B de la boîte a. Cet événement sera toujours déclenché lorsque la souris entre dans la boîte a (le positionnement absolu de la boîte a, je ne sais pas si cela a un impact), mais j'espère que cela l'événement ne sera pas déclenché lorsque la souris ...

大家讲道理 2017-07-05 10:55:24 0  2  864

Comment arrondir les coins lors de l'utilisation d'un chemin de détourage CSS

J'aimerais pouvoir arrondir les 3 coins les plus à gauche de la forme que j'ai créée, une idée de comment faire ? div{position:absolute;z-index:1;largeur:423px;hauteur:90px;background-color:#b0102d;color:white;right:0;margin-top:10vw;-webkit-clip-path:polygon( 100%0%,100%50%,100%100%

P粉921130067 2023-08-24 15:40:15 0  1  604

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  598

Cliquez sur l'événement sur un composant empilé

J'ai deux composants de fonction de flèche réactive empilés les uns sur les autres (en utilisant un positionnement absolu) et ils ont tous deux des propriétés onClick. Le problème est que je veux cliquer sur celle du haut et que les deux fonctions onClick se déclenchent. Existe-t-il un moyen de réso...

P粉882357979 2024-03-29 17:29:41 0  1  395

Comment définir la position maximale autorisée de la bordure inférieure d'un élément en position absolue

Je développe un plugin de balise de produit pour WordPress et j'ai fait ce qui suit : Voici le code de sortie que vous voyez sur l'image : <ahref="https://localhost/woo-metal/product/test-3/ " class="woocommerce-LoopProduct-linkwoocommerce-loop-product__link">&lt

P粉578680675 2024-03-22 12:46:23 0  1  577

javascript - À propos du problème du positionnement absolu CSS bloqué par des élastiques dans le navigateur iOS

L'adresse est testlele.handone.com. Il dispose d'une navigation inférieure. Cependant, sur le navigateur d'un téléphone mobile iOS, vous pouvez toujours dérouler la page Web jusqu'à l'extrémité inférieure, ce qui entraînera le blocage de la navigation inférieure par un élément. de blanc. Veuillez tr...

仅有的幸福 2017-07-05 11:03:51 0  2  1220

L'arrière-plan et le texte transparent sont coupés

Existe-t-il un moyen d'utiliser CSS pour créer l'effet de découper le texte transparent de l'arrière-plan, comme indiqué ci-dessous ? Il serait dommage de perdre tout votre précieux référencement car les images remplacent le texte. J'ai d'abord pensé aux ombres mais je n'ai trouvé rien... L'image es...

P粉439804514 2024-03-25 16:47:36 0  2  647

javascript - Comment ajuster la position de la balise Canvas dans H5 pour qu'elle soit différente après l'avoir masquée et réaffichée?

J'ai utilisé la balise canvas ajoutée dynamiquement par js pour tracer des lignes, et utilisé le positionnement absolu à un emplacement spécifique. Elle est affichée par défaut, mais le produit nécessite qu'elle puisse être masquée, j'ai donc créé un bouton qui peut être masqué ou affiché. après avo...

巴扎黑 2017-05-24 11:37:35 0  1  1034

Nouvel en-tête : assurez-vous que le pied de page est toujours en bas de la page

Je travaille sur un projet dans lequel je souhaite que le pied de page reste en bas de la page mais ne soit pas visible tant que je ne fais pas défiler vers le bas de la page. J'ai essayé d'utiliser « position:fixed » dans mon CSS, mais il flotte au-dessus de mon contenu, et avec un positionnement a...

P粉318928159 2023-08-27 23:13:19 0  1  519