Questions marquées «css»

CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être affichés à l'écran, sur papier, dans un discours ou sur d'autres supports.

10
Comment puis-je faire en sorte que les enfants Flexbox atteignent 100% de la hauteur de leurs parents?
J'essaie de remplir l'espace vertical d'un élément flexible à l'intérieur d'une Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; } <div class="container"> …
459 css  flexbox 

4
Position absolue mais relative au parent
J'ai deux divisions à l'intérieur d'une autre division, et je veux positionner une division enfant en haut à droite de la division parent et l'autre division enfant en bas de la division parent en utilisant css. C'est-à-dire que je veux utiliser le positionnement absolu avec les deux divisions enfant, mais …
457 html  css 

6
CSS overflow-x: visible; et overflow-y: caché; provoquant un problème de barre de défilement
Supposons que vous ayez un certain style et le balisage: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> …
455 html  css  overflow 



12
CSS - Étendre la hauteur flottante du DIV enfant à la hauteur du parent
J'ai la structure de page comme: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> Maintenant, le child-leftDIV aura plus de contenu, donc la parenthauteur du DIV augmente selon le DIV enfant. Mais le problème est que la child-righthauteur n'augmente pas. Comment puis-je rendre sa hauteur égale à …
451 html  css  layout 


13
Comment puis-je ajouter une ombre de boîte sur un côté d'un élément?
J'ai besoin de créer une boîte-ombre sur un blockélément, mais seulement (par exemple) sur son côté droit. La façon dont je le fais est d'envelopper l'élément intérieur avec box-shadowun élément extérieur avec padding-rightet overflow:hidden;ainsi les trois autres côtés de l'ombre ne sont pas visibles. Existe-t-il un meilleur moyen d'y parvenir? …
445 css  shadow  box-shadow 

30
Imprimer <div id = "printarea"> </div> uniquement?
Comment imprimer le div indiqué (sans désactiver manuellement tous les autres contenus de la page)? Je veux éviter une nouvelle boîte de dialogue d'aperçu, donc la création d'une nouvelle fenêtre avec ce contenu n'est pas utile. La page contient quelques tableaux, l'un d'eux contient le div que je veux imprimer …

17
Décalage d'une image d'arrière-plan à droite à l'aide de CSS
Existe-t-il un moyen de positionner une image d'arrière-plan à un certain nombre de pixels à droite de son élément? Par exemple, pour positionner quelque chose d'un certain nombre de pixels (disons, 10) à partir de la gauche , voici comment je procéderais: #myElement { background-position: 10px 0; }
443 css 





10
Comment masquer un élément lors de l'impression d'une page Web?
J'ai un lien sur ma page Web pour imprimer la page Web. Cependant, le lien est également visible dans l'impression elle-même. Existe-t-il un code javascript ou HTML qui masquerait le bouton de lien lorsque je clique sur le lien d'impression? Exemple: "Good Evening" Print (click Here To Print) Je souhaite …
440 css  printing 

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.