Espace supplémentaire à droite de l'image avec défilement de débordement dans un conteneur

EFDesign

C'est le site sur lequel je travaille. Si vous faites défiler tout le chemin vers la droite de l'image du bataillon principal, il y a 300 pixels d'espace blanc dont je n'arrive pas à me débarrasser.

Il n'y a rien de caché là-bas ni de rembourrage; aucun des états de vol stationnaire des soldats ne va aussi loin. Mais changer la taille du conteneur de auto à 4100px (ce qui correspond à la taille de l'image) fausse le débordement du défilement.

Je suis sûr que le correctif est une ligne de CSS, mais je n'arrive vraiment pas à le comprendre. Toute aide serait grandement appréciée!

Merci

wmeade

Il semble que le problème soit lié aux info-bulles et à la .rolloverclasse. Pour dépanner et voir d'où vient l'espace, ouvrez votre panneau de développement et ajoutez une nouvelle règle, puis faites défiler jusqu'à l'espace blanc.

* {
  border: 1px solid red !important;
}

Vous verrez que les positions de ces info-bulles s'ajoutent à l'espace (en particulier les divs contenant les info-bulles). Pour résoudre ce problème, essayez de remplacer position: relativesur position: absolutesur la .rolloverclasse. Cela devrait les maintenir en place et supprimer l'espace supplémentaire.

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Un espace supplémentaire à droite de la page Web provoque une barre de défilement horizontale

Comment supprimer de l'espace supplémentaire dans ImageView pris en mode défilement avec Aspect Fit?

Ajout d'un espace de défilement supplémentaire dans DataGrid

Comment supprimer l'espace supplémentaire autour de l'image à l'intérieur d'un div

largeur 100% sur un élément de défilement de débordement dans un conteneur flexible

Espace de défilement supplémentaire à droite de ma page Web

Espace supplémentaire avant les éléments de liste dans un conteneur Flexbox

Espace supplémentaire dans un élément élément à défilement horizontal avec des éléments relativement positionnés

Hauteur supplémentaire indésirable de l'élément de conteneur d'image

Comment définir le nombre maximal de lignes dans un conteneur flexbox et masquer un élément supplémentaire ?

Ajouter un espace de défilement supplémentaire au bas d'une barre latérale HTML

UILabel dans UITableViewCell prend de l'espace supplémentaire lorsqu'il est défini sur un nombre fixe de lignes

Comment se débarrasser de l'espace supplémentaire sous svg dans l'élément div

Avoir un problème d'espace avec Recyclerview dans l'activité de défilement

Impossible de se débarrasser de l'espace supplémentaire dans PHP echo

Comment ajouter de l'espace supplémentaire à l'intérieur en bas d'un GridView

conversion de PDF avec la magie de l'image en laissant un espace blanc supplémentaire autour

Lors de la conversion de la première page d'un PDF en image à l'aide de Ghostscript, j'obtiens parfois de l'espace "supplémentaire". Pourquoi?

suppression d'espace supplémentaire dans la dernière ligne à l'aide de ssis

comment supprimer de l'espace supplémentaire devant les clés d'un dictionnaire?

Ajout d'un périphérique supplémentaire à l'espace de noms en utilisant asinfo

Conteneur div avec texte sur le côté gauche et image de débordement sur la droite

Comment masquer l'image de débordement en bas à droite avec animation ?

L'image à l'intérieur de la div a un espace supplémentaire sous l'image

Déplacement de la souris dans un conteneur avec JavaScript de débordement

Comment définir l'option de suppression automatique pour un disque attaché supplémentaire dans l'instance gcp avec terraform ?

pourquoi j'obtiens une ligne supplémentaire dans CAShapeLayer lors de l'ajout d'un calque à la vue d'image

Le conteneur avec 'overflow-y: auto' ajoute une barre de défilement horizontale et verticale supplémentaire

Comment supprimer un espace vide supplémentaire et une barre de défilement en bas de ma page html?

TOP liste

  1. 1

    Microsoft.WebApplication.targets

  2. 2

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  3. 3

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  4. 4

    Comment ajouter une entrée à une table de base de données pour une combinaison de deux tables

  5. 5

    Passer la taille d'un tableau 2D à une fonction ?

  6. 6

    Exporter la table de l'arborescence vers CSV avec mise en forme

  7. 7

    Impossible d'accéder à la vue personnalisée pendant le test de l'interface utilisateur dans XCode

  8. 8

    Créer un système Buzzer à l'aide de python

  9. 9

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  10. 10

    impossible d'obtenir l'image d'arrière-plan en plein écran dans reactjs

  11. 11

    Algorithme: diviser de manière optimale une chaîne en 3 sous-chaînes

  12. 12

    CSS: before ne fonctionne pas sur certains éléments,: after fonctionne très bien

  13. 13

    Conversion double en BigDecimal en Java

  14. 14

    Comment obtenir l'intégration contextuelle d'une phrase dans une phrase à l'aide de BERT ?

  15. 15

    Comment choisir le nombre de fragments et de répliques Elasticsearch

  16. 16

    Comment vérifier si un utilisateur spécifique a un rôle? Discord js

  17. 17

    Comment créer un bot à compte à rebours dans Discord en utilisant Python

  18. 18

    Existe-t-il un moyen de voir si mon bot est hors ligne ?

  19. 19

    comment afficher un bouton au-dessus d'un autre élément ?

  20. 20

    Comment activer le message Pylint "too-many-locals" dans VS Code?

  21. 21

    Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django

chaudétiquette

Archive