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

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

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

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

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

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

css - la hauteur adaptative div remplit automatiquement la hauteur restante

Les boîtes fixes nécessitent un positionnement absolu pour obtenir les effets suivants. J'espère qu'il existe des experts capables d'obtenir les méthodes suivantes sans positionnement absolu ! S'il vous plaît, donnez-moi quelques conseils {code...}

过去多啦不再A梦 2017-05-31 10:40:40 0  3  1082

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

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

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

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

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

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

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

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

Résoudre les difficultés de positionnement HTML

Comment déplacer les sections « À propos de moi » et « Éducation » vers la droite du Web Voici le lien du code pen : https://codepen.io/Weng-Hong-the-selector/pen/GRGjVLy Ceci est mon code HTML et CSS`<! DOCTYPEhtml><corps><divclass="resume"><divclass="resume_left...

P粉476883986 2024-04-02 19:09:26 0  1  412

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

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

javascript - Si le composant déroulant Vue est utilisé, le div sous le modèle ne peut-il pas être positionné?

Y a-t-il un bug dans le composant déroulant une fois le positionnement utilisé {code...}

某草草 2017-05-19 10:29:31 0  1  784

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