Dans le cours : L'essentiel des CSS

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 900 cours dispensés par des experts.

Gérer le contenu excédentaire avec overflow

Gérer le contenu excédentaire avec overflow - Tutoriel CSS

Dans le cours : L'essentiel des CSS

Gérer le contenu excédentaire avec overflow

Pour faire notre prochaine expérience, je vais donner à mon div une largeur de 300 pixels, c'est une valeur absolue. Je vais également donner une hauteur de 300 pixels à ce div. Je génère un carré de 300 pixels de côté. Du coup je n'ai plus besoin de min-width et de max-width. Je sauvegarde et voilà ce que ça donne dans le navigateur : j'ai un carré ici de 300 pixels de côté. Pour le moment tout se passe bien car j'ai finalement très peu de contenu dans mon div. Autrement dit malgré que je limite la hauteur et la largeur de ce div, j'ai quand même assez de place pour afficher tout le texte qui se trouve à l'intérieur. Maintenant imaginons ceci : on va mettre beaucoup plus de texte dans ce div. Je vais prendre ici le texte, je vais le copier, je vais le coller plusieurs fois dans le div pour avoir plein de contenu. Je reviens dans mon navigateur. Maintenant on a un gros problème. En effet, j'ai maintenant trop de contenu pour l'espace de ce div.…

Table des matières